/*for arabic text*/
@import url('https://fontlibrary.org/face/droid-arabic-kufi');
    .x_title h2, table.tile_info td p {
        white-space: nowrap;
        text-overflow: ellipsis;
    }
.site_title, .x_title h2, table.tile_info td p { text-overflow: ellipsis; }
    .detail a, .expand, .jqstooltip, .paging_full_numbers a:hover, .site_title:focus, .site_title:hover, a, a:focus, a:hover { text-decoration: none; }
.byline, .main_menu .fa { -webkit-font-smoothing: antialiased; }
.daterangepicker .ranges li { color: #73879C; }
    .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover { background: #536A7F; border: 1px solid #536A7F; color: #fff; }
.daterangepicker .input-mini { background-color: #eee; border: 1px solid #ccc; box-shadow: none !important; }
    .daterangepicker .input-mini.active { border: 1px solid #ccc; }
.daterangepicker select.ampmselect, .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.monthselect, .daterangepicker select.secondselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; margin: 0; cursor: default; height: 30px; border: 1px solid #ADB2B5; line-height: 30px; border-radius: 0 !important; }
.daterangepicker select.monthselect { margin-right: 2%; }
.daterangepicker td.in-range { background: #E4E7EA; color: #73879C; }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #536A7F; color: #fff; }
.daterangepicker th.available:hover { background: #eee; color: #34495E; }
.daterangepicker:after, .daterangepicker:before { content: none; }
.daterangepicker .calendar.single { margin: 0 0 4px; }
    .daterangepicker .calendar.single .calendar-table { width: 224px; padding: 0 0 4px !important; }
        .daterangepicker .calendar.single .calendar-table thead tr:first-child th { padding: 8px 5px; }
        .daterangepicker .calendar.single .calendar-table thead th { border-radius: 0; }
.daterangepicker.picker_1 { color: #fff; background: #34495E; }
    .daterangepicker.picker_1 .calendar-table { background: #34495E; }
        .daterangepicker.picker_1 .calendar-table thead tr { background: #213345; }
            .daterangepicker.picker_1 .calendar-table thead tr:first-child { background: #1ABB9C; }
        .daterangepicker.picker_1 .calendar-table td.off { background: #34495E; color: #999; }
        .daterangepicker.picker_1 .calendar-table td.available:hover { color: #34495E; }
.daterangepicker.picker_2 .calendar-table thead tr { color: #1ABB9C; }
    .daterangepicker.picker_2 .calendar-table thead tr:first-child { color: #73879C; }
.daterangepicker.picker_3 .calendar-table thead tr:first-child { color: #fff; background: #1ABB9C; }
.daterangepicker.picker_4 .calendar-table thead tr:first-child { color: #fff; background: #34495E; }
.daterangepicker.picker_4 .calendar-table td, .daterangepicker.picker_4 .calendar-table td.off { background: #ECF0F1; border: 1px solid #fff; border-radius: 0; }
    .daterangepicker.picker_4 .calendar-table td.active { background: #34495E; }
.calendar-exibit .show-calendar { float: none; display: block; position: relative; background-color: #fff; border: 1px solid #ccc; margin-bottom: 20px; border: 1px solid rgba(0,0,0,.15); overflow: hidden; }
    .calendar-exibit .show-calendar .calendar { margin: 0 0 4px; }
    .calendar-exibit .show-calendar.picker_1 { background: #34495E; }
.calendar-exibit .calendar-table { padding: 0 0 4px; }
.left_col { background: #2A3F54; width:100%;}
.nav-sm .container.body .col-md-3.left_col { min-height: 100%; width: 70px; padding: 0; z-index: 9999; position: absolute; }
    .nav-sm .container.body .col-md-3.left_col.menu_fixed { position: fixed; height: 100%; }
    .nav-sm .container.body .col-md-3.left_col .mCSB_container, .nav-sm .container.body .col-md-3.left_col .mCustomScrollBox { overflow: visible; }
.overflow_hidden, .sidebar-widget, .site_title, .tile, .weather-days .col-sm-2, .x_title h2, table.tile_info td p { overflow: hidden; }
.nav-sm .hidden-small { visibility: hidden; }
.nav-sm .container.body .right_col { padding: 10px 20px; margin-left: 70px; z-index: 2; }
/*.nav-sm .navbar.nav_title { width: 70px; }*/
    /*.nav-sm .navbar.nav_title a span { display: none; }*/
    .nav-sm .navbar.nav_title a i { font-size: 27px; margin: 13px 0 0 3px; }
.site_title i { border: 1px solid #EAEAEA; padding: 5px 6px; border-radius: 50%; }
.nav-sm .main_container .top_nav { display: block; margin-left: 70px; z-index: 2; }
.nav-sm .nav.side-menu li a { text-align: center !important; font-weight: 400; font-size: 10px; padding: 10px 5px; }
.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm { border-right: 5px solid #1ABB9C; }
    .nav-sm .nav.side-menu li.active-sm ul ul, .nav-sm ul.nav.child_menu ul { position: static; width: 200px; background: 0 0; }
.nav-sm > .nav.side-menu > li.active-sm > a { color: #1ABB9C !important; }
.nav-sm .nav.side-menu li a i.toggle-up { display: none !important; }
.nav-sm .menu_section h3, .nav-sm .profile, .nav-sm .menu_section span.fa { display: none; }
.nav-sm .nav.side-menu li a i { font-size: 25px !important; text-align: center; width: 100% !important; margin-bottom: 5px; }
.nav-sm ul.nav.child_menu { left: 100%; position: absolute; top: 0; width: 210px; z-index: 4000; background: #3E5367; display: none; }
    .nav-sm ul.nav.child_menu li { padding: 0 10px; }
        .nav-sm ul.nav.child_menu li a { text-align: left !important; }
.menu_section { margin-bottom: 35px; }
    .menu_section h3 { padding-left: 15px; color: #fff; text-transform: uppercase; letter-spacing: .5px; font-weight: 700; font-size: 11px; margin-bottom: 0; margin-top: 0; text-shadow: 1px 1px #000; }
    .menu_section > ul { margin-top: 10px; }
        .menu_section > ul li a {
            padding: 13px 3px 12px 9px;
        }
        .profile_pic {
            width: 35%;
            float: left;
        }
.img-circle.profile_img {
    width: 56px;
    background: #fff;
    margin-left: 15%;
    z-index: 1000;
    position: inherit;
    margin-top: 20px;
    border: 4px solid rgb(115, 135, 156);
    padding: 4px;
    text-align: center;
    height: 56px;
    line-height: 55px;
}
.profile_info { padding: 25px 10px 10px; width: 65%; float: left; }
    .profile_info span { font-size: 14px; line-height: 30px; color: #BAB8B8; }
    .profile_info h2 {
        font-size: 14px;
        color: #ECF0F1;
        margin: 0;
        font-weight: 300;
        overflow: hidden;
        text-overflow: ellipsis;
    }
.profile.img_2 { text-align: center; }
    .profile.img_2 .profile_pic { width: 100%; }
        .profile.img_2 .profile_pic .img-circle.profile_img { width: 50%; margin: 10px 0 0; }
    .profile.img_2 .profile_info { padding: 15px 10px 0; width: 100%; margin-bottom: 10px; float: left; }
.main_menu span.fa { float: right; text-align: center; margin-top: 5px; font-size: 10px; min-width: inherit; color: #C4CFDA; }
.active a span.fa { text-align: right !important; margin-right: 4px; }
.nav-sm .menu_section { margin: 0; }
.nav-sm li li span.fa { display: inline-block; }
.nav_menu { float: left; background: #EDEDED; border-bottom: 1px solid #D9DEE4; margin-bottom: 10px; width: 100%; position: relative; }

@media (min-width:480px) {
    .nav_menu { position: static; }
}

.nav-md .container.body .col-md-3.left_col { min-height: 100%; width: 230px; padding: 0; position: fixed; display: -ms-flexbox; display: flex; z-index: 1; }
    .nav-md .container.body .col-md-3.left_col.menu_fixed { height: 100%; position: fixed; }
body .container.body .right_col { background: #F7F7F7; }
.nav-md .container.body .right_col { padding: 10px 20px 0; margin-left: 230px; }
.nav_title {
    width: auto;
    float: left;
    background: #ededed;
    border-radius: 0;
    height: 57px;
}

/*@media (max-width:991px) {
    .nav-md .container.body .right_col, .nav-md .container.body .top_nav { width: 100%; margin: 0; }
    .nav-md .container.body .col-md-3.left_col { display: none; }
    .nav-md .container.body .right_col { width: 100%; padding-right: 0; }
    .right_col { padding: 10px !important; }
}*/

@media (max-width:991px) {
    .nav-md .container.body .right_col, .nav-md .container.body .top_nav { width: 100%; margin: 0; }
    .nav-md .container.body .col-md-3.left_col { display: none; }
    .nav-md .container.body .right_col { width: 100%; padding-right: 0; }
    .right_col { padding: 10px !important; }
    .login-img {display: none;}
    .login-summary{
        display:none;
    }
    .login_wrapper .copyright-text-login {
        color:#fff;
    }
}


@media (max-width:1200px) {
    .x_title h2 { width: 62%; font-size: 17px; }
    .graph, .tile { zoom: 85%; height: inherit; }
}

@media (max-width:1270px) and (min-width:192px) {
    .x_title h2 small { display: none; }
}

.left_col .mCSB_scrollTools { width: 6px; }
.left_col .mCSB_dragger { max-height: 400px !important; }
.blue { color: #3498DB; }
.purple { color: #9B59B6; }
.green { color: #1ABB9C; }
.aero { color: #9CC2CB; }
.red { color: #E74C3C; }
.dark { color: #34495E; }
.border-blue { border-color: #3498DB !important; }
.border-purple { border-color: #9B59B6 !important; }
.border-green { border-color: #1ABB9C !important; }
.border-aero { border-color: #9CC2CB !important; }
.border-red { border-color: #E74C3C !important; }
.border-dark { border-color: #34495E !important; }
.bg-white { background: #fff !important; border: 1px solid #fff !important; color: #73879C; }
.bg-green { background: #1ABB9C !important; border: 1px solid #1ABB9C !important; color: #fff; }
.bg-red { background: #E74C3C !important; border: 1px solid #E74C3C !important; color: #fff; }
.bg-blue { background: #3498DB !important; border: 1px solid #3498DB !important; color: #fff; }
.bg-orange { background: #F39C12 !important; border: 1px solid #F39C12 !important; color: #fff; }
.bg-purple { background: #9B59B6 !important; border: 1px solid #9B59B6 !important; color: #fff; }
.bg-blue-sky { background: #50C1CF !important; border: 1px solid #50C1CF !important; color: #fff; }
.container { width: 100%; padding: 0; }
.top_nav .nav .open > a, .top_nav .nav .open > a:focus, .top_nav .nav .open > a:hover, .top_nav .nav > li > a:focus, .top_nav .nav > li > a:hover { background: #D9DEE4; }
body { color: #73879C; background: #F7F7F7; font-family: "Helvetica Neue",Roboto,Arial,"Droid Sans",sans-serif; font-size: 14px; font-weight: 400; line-height: 1.471;max-height:700px; }
.main_container{    background-color: #2A3F54;}
.main_container .top_nav { display: block; margin-left: 230px; }
.no-padding { padding: 0 !important; }
.page-title { width: 100%; height: 65px; padding: 10px 0; }
    .page-title .title_left { width: 45%; float: left; display: block; }
        .page-title .title_left h3 { margin: 9px 0; }
    .page-title .title_right { width: 55%; float: left; display: block; }
        .page-title .title_right .pull-right { margin: 10px 0; }
.fixed_height_320 { height: 320px; }
.fixed_height_390 { height: 390px; }
.fixed_height_200 { height: 200px; }
.progress-bar-dark { background-color: #34495E !important; }
.progress-bar-gray { background-color: #BDC3C7 !important; }
table.no-margin .progress { margin-bottom: 0; }
.main_content { padding: 10px 20px; }
.col-md-55 { width: 50%; margin-bottom: 10px; }

@media (min-width:768px) {
    .col-md-55 { width: 20%; }
}

@media (min-width:992px) {
    .col-md-55 { width: 20%; }
}

@media (min-width:1200px) {
    .col-md-55 { width: 20%; }
}

@media (min-width:192px) and (max-width:1270px) {
    table.tile_info span.right { margin-right: 7px; float: left; }
}

.center-margin { margin: 0 auto; float: none !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-55, .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 { position: relative; min-height: 1px; float: left; padding-right: 10px; padding-left: 10px; }
.row { margin-right: -10px; margin-left: -10px; }
.grid_slider .col-md-6 { padding: 0 40px; }
.h1, .h2, .h3, h1, h2, h3 { margin-top: 10px; margin-bottom: 10px; }
a { color: #5A738E; }
    .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus, :active, :focus, :visited, a, a:active, a:focus, a:visited { outline: 0; }
.navbar { margin-bottom: 0; }
.navbar-header { background: #34495E; }
.navbar-right { margin-right: 0; }
.top_nav .navbar-right { margin: 0; width: auto; float: right; }
    .top_nav .navbar-right li { display: inline-block; float: right; position: static; }

@media (min-width:480px) {
    .top_nav .navbar-right li { position: relative; }
}

.top_nav .dropdown-menu li { width: 100%; }
    .top_nav .dropdown-menu li a { width: 100%; padding: 12px 20px; }
.top_nav li a i { font-size: 15px; }
.navbar-static-top { position: fixed; top: 0; width: 100%; }
.sidebar-header { border-bottom: 0; margin-top: 46px; }
    .sidebar-header:first-of-type { margin-top: 0; }
.nav.side-menu > li { position: relative; display: block; cursor: pointer; }
    .nav.side-menu > li > a { margin-bottom: 6px; }
    .nav.side-menu > li > a:hover {
        color: #F2F5F7 !important;
    }
        .nav.side-menu > li > a:hover, .nav > li > a:focus { text-decoration: none; background: 0 0; }
.nav.child_menu { display: none; }
    .nav.child_menu li.active, .nav.child_menu li:hover { background-color: rgba(255,255,255,.06); }
    .nav.child_menu li { padding-left: 36px; }
.nav-md ul.nav.child_menu li:before { background: #425668; bottom: auto; content: ""; height: 8px; left: 23px; margin-top: 15px; position: absolute; right: auto; width: 8px; z-index: 1; border-radius: 50%; }
.nav-md ul.nav.child_menu li:after { border-left: 1px solid #425668; bottom: 0; content: ""; left: 27px; position: absolute; top: 0; }
.nav.top_menu > li > a, .nav > li > a { position: relative; display: block; }
.nav.child_menu > li > a, .nav.side-menu > li > a { color: #E7E7E7; font-weight: 500; font-size: 14px;}
.nav li li.current-page a, .nav.child_menu li li a.active, .nav.child_menu li li a:hover { color: #fff; }
.nav.child_menu li li.active, .nav.child_menu li li:hover { background: 0 0; }
.nav > li > a { padding: 13px 15px 12px; }
.nav.side-menu > li.active, .nav.side-menu > li.current-page { border-right: 5px solid #1ABB9C; }
.nav li.current-page { background: rgba(255,255,255,.05); }
.nav li li li.current-page { background: 0 0; }
.navbar-brand, .navbar-nav > li > a, .site_title { color: #000 !important; margin-left: 0 !important; }
.nav.side-menu > li.active > a { text-shadow: rgba(0,0,0,.25) 0 -1px 0; background: linear-gradient(#334556,#2C4257),#2A3F54; box-shadow: rgba(0,0,0,.25) 0 1px 0,inset rgba(255,255,255,.16) 0 1px 0; }
.navbar-brand, .navbar-nav > li > a { font-weight: 500; line-height: 32px; }
.site_title { font-weight: 400; font-size: 20px; width: 100%; line-height: 59px; display: block; height: 55px; margin: 0; padding-left: 10px; }
.nav.navbar-nav > li > a { color: #515356 !important; }
.nav.top_menu > li > a { padding: 10px 15px; color: #34495E !important; }
.nav > li > a:focus, .nav > li > a:hover { background-color: transparent; }
.top_search { padding: 0; }
    .top_search .form-control { box-shadow: inset 0 1px 0 rgba(0,0,0,.075); border-radius: 25px 0 0 25px; padding-left: 20px; border: 1px solid rgba(221,226,232,.49); }
        .top_search .form-control:focus { border: 1px solid rgba(221,226,232,.49); border-right: 0; }
    .top_search .input-group-btn button { border-radius: 0 25px 25px 0; border: 1px solid rgba(221,226,232,.49); border-left: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); color: #93A2B2; margin-bottom: 0 !important; }
.tiles, .top_tiles { margin-bottom: 0; }
.toggle { float: left; margin: 0; padding-top: 16px; width: auto; }
    .toggle a { padding: 15px 15px 0; margin: 0; cursor: pointer; }
        .toggle a i { font-size: 26px; }
.nav.child_menu > li > a { color: rgba(255,255,255,.75); font-size: 14px; padding: 9px; }
.panel_toolbox { float: right; min-width: 70px; }
    .panel_toolbox > li { float: right; cursor: pointer; }
        .panel_toolbox > li > a { padding: 5px; color: #C5C7CB; font-size: 14px; }
            .panel_toolbox > li > a:hover { background: #F5F7FA; }
.line_30 { line-height: 30px; }
.main_menu_side { padding: 0; }
.bs-docs-sidebar .nav > li > a { display: block; padding: 4px 6px; }
footer { background: #fff; padding: 15px 20px; display: block; }
.nav-sm footer { margin-left: 70px; }
.footer_fixed footer { position: fixed; left: 0; bottom: 0; width: 100%; }
.degrees:after, .x_content, .x_panel { position: relative; }

@media (min-width:768px) {
    .footer_fixed .nav-sm footer, .footer_fixed footer { margin-left: 0; }
}

.tile-stats.sparkline { padding: 10px; text-align: center; }
.jqstooltip { background: #34495E !important; width: 30px !important; height: 22px !important; }
.tooltip { display: block !important; }
.tiles { border-top: 1px solid #ccc; margin-top: 15px; padding-top: 5px; }
.top_tiles .tile h2 { font-size: 30px; line-height: 30px; margin: 3px 0 7px; font-weight: 700; }
article.media { width: 100%; }
*, :after, :before { box-sizing: border-box; }
#integration-list { width: 100%; margin: 0 auto; display: table; }
    #integration-list ul { padding: 0; margin: 20px 0; color: #555; }
        #integration-list ul > li { list-style: none; border-top: 1px solid #ddd; display: block; padding: 15px; overflow: hidden; }
        #integration-list ul:last-child { border-bottom: 1px solid #ddd; }
        #integration-list ul > li:hover { background: #efefef; }
.expand { display: block; color: #555; cursor: pointer; }
    .expand h2 { width: 85%; float: left; }
h2 { font-size: 18px; font-weight: 400; }
#left, #right { display: table; }
#sup { display: table-cell; vertical-align: middle; width: 80%; }
.detail a { color: #C0392B; border: 1px solid #C0392B; padding: 6px 10px 5px; font-size: 13px; margin-right: 7px; }
.detail { margin: 10px 0; display: none; line-height: 22px; height: 150px; }
    .detail span { margin: 0; }
.right-arrow { width: 10px; float: right; font-weight: 700; font-size: 20px; }
.accordion .panel { margin-bottom: 5px; border-radius: 0; border-bottom: 1px solid #efefef; }
.x_panel, .x_title { margin-bottom: 10px; }
.accordion .panel-heading { background: #F2F5F7; padding: 13px; width: 100%; display: block; }
.accordion .panel:hover { background: #F2F5F7; }
.x_panel {
    box-shadow: 0 5px 10px 0px rgba(206, 206, 206, 0.80);
    width: 100%;
    padding: 10px 17px;
    display: inline-block;
    background: #fff;
    border: 1px solid #E6E9ED;
    -webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;
    opacity: 1;
    transition: all .2s ease;
}
.x_title { border-bottom: 2px solid #E6E9ED; padding: 1px 5px 6px; }
    .x_title .filter { width: 40%; float: right; }
.x_content, table.tile td ul li a, table.tile_info { width: 100%; }
.x_title h2 { margin: 5px 0 6px; float: left; display: block; color:#000;}
    .x_title h2 small { margin-left: 10px; }
    .custom-x_panel .x_title h2{color: #337ab7;}
     .custom-x_panel .x_title h2 i{font-size: 26px; margin-right: 10px; position: relative; top: 2px;}
.x_title span { color: #BDBDBD; }
.x_content { padding: 0 5px 6px; float: left; clear: both; margin-top: 5px; }
    .x_content h4 { font-size: 16px; font-weight: 500; }
legend { padding-bottom: 7px; }
.demo-placeholder { height: 245px; }
.profile_details:nth-child(3n) { clear: both; }
.profile_details .profile_view { display: inline-block; padding: 10px 0 0; background: #fff; }
    .profile_details .profile_view .divider { border-top: 1px solid #e5e5e5; padding-top: 5px; margin-top: 5px; }
    .profile_details .profile_view .ratings { margin-bottom: 0; text-align: left; font-size: 16px; }
    .profile_details .profile_view .bottom { background: #F2F5F7; padding: 9px 0; border-top: 1px solid #E6E9ED; }
    .profile_details .profile_view .left { margin-top: 20px; }
        .profile_details .profile_view .left p { margin-bottom: 3px; }
    .profile_details .profile_view .right { margin-top: 0; padding: 10px; }
    .profile_details .profile_view .img-circle { border: 1px solid #E6E9ED; padding: 2px; }
    .profile_details .profile_view h2 { margin: 5px 0; }
    .profile_details .profile_view .brief { margin: 0; font-weight: 300; }
.profile_details .profile_left { background: #fff; }
.pagination.pagination-split li { display: inline-block; margin-right: 3px; }
    .pagination.pagination-split li a { border-radius: 4px; color: #768399; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
table.tile h3, table.tile h4, table.tile span { font-weight: 700; vertical-align: middle !important; }
table.tile td, table.tile th { text-align: center; }
table.tile th { border-bottom: 1px solid #E6ECEE; }
table.tile td { padding: 5px 0; }
    table.tile td ul { text-align: left; padding-left: 0; }
        table.tile td ul li { list-style: none; width: 100%; }
            table.tile td ul li a big { right: 0; float: right; margin-right: 13px; }
table.tile_info td { text-align: left; padding: 1px; font-size: 15px; }
    table.tile_info td p { margin: 0; line-height: 28px; }
    table.tile_info td i { margin-right: 8px; font-size: 17px; float: left; width: 18px; line-height: 28px; }
    table.tile_info td:first-child { width: 83%; }
td span { line-height: 28px; }
.error-number { font-size: 90px; line-height: 90px; margin: 20px 0; }
.col-middle { margin-top: 5%; }
.mid_center { width: 370px; margin: 0 auto; text-align: left; padding: 10px 20px; }
h3.degrees { font-size: 22px; font-weight: 400; text-align: center; }
.degrees:after { content: "o"; top: -12px; font-size: 13px; font-weight: 300; }
.daily-weather .day { font-size: 14px; border-top: 2px solid rgba(115,135,156,.36); text-align: center; border-bottom: 2px solid rgba(115,135,156,.36); padding: 5px 0; }
.weather-days .col-sm-2 { width: 16.66666667%; }
.weather .row { margin-bottom: 0; }
.bulk-actions { display: none; }
table.countries_list { width: 100%; }
    table.countries_list td { padding: 0 10px; line-height: 30px; border-top: 1px solid #eee; }
.dataTables_paginate a { padding: 6px 9px !important; background: #ddd !important; border-color: #ddd !important; }
.paging_full_numbers a.paginate_active { background-color: rgba(38,185,154,.59) !important; border-color: rgba(38,185,154,.59) !important; }
a.DTTT_button, button.DTTT_button, div.DTTT_button { border: 1px solid #E7E7E7 !important; background: #E7E7E7 !important; box-shadow: none !important; }
table.jambo_table { border: 1px solid rgba(221,221,221,.78); }
    table.jambo_table thead { background: rgba(52,73,94,.94); color: #ECF0F1; }
    table.jambo_table tbody tr:hover td { background: rgba(38,185,154,.07); border-top: 1px solid rgba(38,185,154,.11); border-bottom: 1px solid rgba(38,185,154,.11); }
    table.jambo_table tbody tr.selected { background: rgba(38,185,154,.16); }
        table.jambo_table tbody tr.selected td { border-top: 1px solid rgba(38,185,154,.4); border-bottom: 1px solid rgba(38,185,154,.4); }
.dataTables_wrapper { position: relative; clear: both; zoom: 1; }
.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 250px; height: 30px; margin-left: -125px; margin-top: -15px; padding: 14px 0 2px; border: 1px solid #ddd; text-align: center; color: #999; font-size: 14px; background-color: #fff; }
td.details, td.group { background-color: #d1cfd0; }
.dataTables_length { width: 40%; float: left; }
/*.dataTables_filter { width: 50%; float: right; text-align: right; }*/
.dataTables_info { width: 60%; float: left; }
.dataTables_paginate { float: right; text-align: right; }
.dataTables_empty, table.display td.center { text-align: center; }
table.dataTable td.focus, table.dataTable th.focus { outline: #1ABB9C solid 2px !important; outline-offset: -1px; }
.paging_full_numbers a:active, table.display thead td:active, table.display thead th:active { outline: 0; }
table.display { margin: 0 auto; clear: both; width: 100%; }
    table.display thead th { padding: 8px 18px 8px 10px; border-bottom: 1px solid #000; font-weight: 700; cursor: pointer; }
    table.display tfoot th { padding: 3px 18px 3px 10px; border-top: 1px solid #000; font-weight: 700; }
    table.display tr.heading2 td { border-bottom: 1px solid #aaa; }
    table.display td { padding: 3px 10px; }
.dataTables_scroll { clear: both; }
.dataTables_scrollBody { -webkit-overflow-scrolling: touch; }
.top .dataTables_info { float: none; }
.clear { clear: both; }
tfoot input { margin: .5em 0; width: 100%; color: #444; }
    tfoot input.search_init { color: #999; }
td.group { border-bottom: 2px solid #A19B9E; border-top: 2px solid #A19B9E; }
td.details { border: 2px solid #A19B9E; }
.example_alt_pagination div.dataTables_info { width: 40%; }
.paging_full_numbers { width: 400px; height: 22px; line-height: 22px; }
    .paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button { border: 1px solid #aaa; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 2px 5px; margin: 0 3px; cursor: pointer; }
    .paging_full_numbers a.paginate_button { background-color: #ddd; }
        .paging_full_numbers a.paginate_button:hover { background-color: #ccc; text-decoration: none !important; }
.login_content .btn-default:hover, .login_content a, .tagsinput span.tag a, .tile-stats > .dash-box-footer, .tile:hover, .view a.info, span.tag { text-decoration: none; }
table.display tr.even.row_selected td { background-color: #B0BED9; }
table.display tr.odd.row_selected td { background-color: #9FAFD1; }
div.box { height: 100px; padding: 10px; overflow: auto; border: 1px solid #8080FF; background-color: #E5E5FF; }
ul.msg_list li { background: #f7f7f7; padding: 5px; display: -ms-flexbox; display: flex; margin: 6px 6px 0; width: 96% !important; }
    ul.msg_list li:last-child { margin-bottom: 6px; padding: 10px; }
    ul.msg_list li a { padding: 3px 5px !important; }
        ul.msg_list li a .image img { border-radius: 2px; -webkit-border-radius: 2px; float: left; margin-right: 10px; width: 11%; }
        ul.msg_list li a .time { font-size: 11px; font-style: italic; font-weight: 700; position: absolute; right: 35px; }
        ul.msg_list li a .message { display: block !important; font-size: 11px; }
.dropdown-menu.msg_list span { white-space: normal; }
.tile_count .tile_stats_count, ul.quick-list li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.dropdown-menu { box-shadow: none; display: none; float: left; font-size: 12px; left: 0; list-style: none; padding: 0; position: absolute; text-shadow: none; top: 100%; z-index: 9998; border: 1px solid #D9DEE4; border-top-left-radius: 0; border-top-right-radius: 0; }
    .dropdown-menu > li > a { color: #5A738E; }
.navbar-nav .open .dropdown-menu { position: absolute; background: #fff; margin-top: 0; border: 1px solid #D9DEE4; -webkit-box-shadow: none; right: 0; left: auto; width: 220px; }
    .navbar-nav .open .dropdown-menu.msg_list { width: 300px; }
.info-number .badge { font-size: 10px; font-weight: 400; line-height: 13px; padding: 2px 6px; position: absolute; right: 2px; top: 8px; }
ul.to_do { padding: 0; }
    ul.to_do li { background: #f3f3f3; border-radius: 3px; position: relative; padding: 7px; margin-bottom: 5px; list-style: none; }
    ul.to_do p { margin: 0; }
.dashboard-widget { background: #f6f6f6; border-top: 5px solid #79C3DF; border-radius: 3px; padding: 5px 10px 10px; }
    .dashboard-widget .dashboard-widget-title { font-weight: 400; border-bottom: 1px solid #c1cdcd; margin: 0 0 10px; padding-bottom: 5px; padding-left: 40px; line-height: 30px; }
        .dashboard-widget .dashboard-widget-title i { font-size: 100%; margin-left: -35px; margin-right: 10px; color: #33a1c9; padding: 3px 6px; border: 1px solid #abd9ea; border-radius: 5px; background: #fff; }
ul.quick-list { width: 45%; padding-left: 0; display: inline-block; }
    ul.quick-list li { padding-left: 10px; list-style: none; margin: 0; padding-bottom: 6px; padding-top: 4px; }
        ul.quick-list li i { padding-right: 10px; color: #757679; }
.dashboard-widget-content { padding-top: 9px; }
    .dashboard-widget-content .sidebar-widget { width: 50%; display: inline-block; vertical-align: top; background: #fff; border: 1px solid #abd9ea; border-radius: 5px; text-align: center; float: right; padding: 2px; margin-top: 10px; }
.widget_summary { width: 100%; display: -ms-inline-flexbox; display: inline-flex; }
    .widget_summary .w_left { float: left; text-align: left; }
    .widget_summary .w_center { float: left; }
    .widget_summary .w_right { float: left; text-align: right; }
        .widget_summary .w_right span { font-size: 20px; }
.w_20 { width: 20%; }
.w_25 { width: 25%; }
.w_55 { width: 55%; }
h5.graph_title { text-align: left; margin-left: 10px; }
    h5.graph_title i { margin-right: 10px; font-size: 17px; }
span.right { float: right; font-size: 14px !important; }
.tile_info a { text-overflow: ellipsis; }
.sidebar-footer { bottom: 0; clear: both; display: block; padding: 5px 0 0; position: fixed; width: 230px; background: #2A3F54; z-index: 999; }
    .sidebar-footer a { padding: 7px 0 3px; text-align: center; width: 25%; font-size: 17px; display: block; float: left; background: #172D44; cursor: pointer; }
        .sidebar-footer a:hover { background: #425567; }
.tile_count { margin-bottom: 15px; margin-top: 10px; }
    .tile_count .tile_stats_count { border-bottom: 1px solid #D9DEE4; padding: 0 10px 0 20px; position: relative; }
        .tile_count .tile_stats_count:before { content: ""; position: absolute; left: 0; height: 65px; border-left: 2px solid #ADB2B5; margin-top: 10px; }
        div.dataTables_wrapper div.dataTables_paginate{overflow:hidden;}

@media (min-width:992px) {
    footer { margin-left: 230px; }
    .tile_count .tile_stats_count { margin-bottom: 10px; border-bottom: 0; padding-bottom: 5px; margin-top: 8px; min-width: 240px;}
    .tile_count .tile_stats_count:first-child:before { border-left: 0; }
}

.tile_count .tile_stats_count .count { font-size: 30px; line-height: 47px; font-weight: 600; }

@media (min-width:768px) {
    .tile_count .tile_stats_count .count { /*font-size: 36px;*/     color: #337ab7;}
}

@media (min-width:992px) and (max-width:1100px) {
    .tile_count .tile_stats_count .count { font-size: 30px; }
}

.tile_count .tile_stats_count span { font-size: 12px; position: relative; top: -5px; left: 5px; }

@media (min-width:768px) {
    .tile_count .tile_stats_count span { font-size: 13px; }
}

.tile_count .tile_stats_count .count_bottom i { width: 12px; }
.dashboard_graph { background: #fff; padding: 7px 10px;     margin-bottom: 15px;    box-shadow: 0 5px 25px 0px #cecece;}
    .dashboard_graph .col-md-3, .dashboard_graph .col-md-9 { padding: 0; }
    .title_pink h3, .title_pink h2{color:#e61b58;}
a.user-profile { color: #5E6974 !important; }
.user-profile img { width: 29px; height: 29px; border-radius: 50%; margin-right: 10px; }
ul.top_profiles { height: 330px; width: 100%; }
    ul.top_profiles li { margin: 0; padding: 3px 5px; }
        ul.top_profiles li:nth-child(odd) { background-color: #eee; }
.media .profile_thumb { border: 1px solid; width: 50px; height: 50px; margin: 5px 10px 5px 0; border-radius: 50%; padding: 9px 12px; }
    .media .profile_thumb i { font-size: 30px; }
.media .date { background: #ccc; width: 52px; margin-right: 10px; border-radius: 10px; padding: 5px; }
    .media .date .day, .media .date .month { margin: 0; text-align: center; color: #fff; }
    .media .date .day { font-size: 27px; line-height: 27px; font-weight: 700; }
.event .media-body a.title { font-weight: 700; }
.event .media-body p { margin-bottom: 0; }
h4.graph_title { margin: 7px; text-align: center; }
.fontawesome-icon-list .fa-hover a:hover { background-color: #ddd; color: #fff; text-decoration: none; }
.fontawesome-icon-list .fa-hover a { display: block; line-height: 32px; height: 32px; padding-left: 10px; border-radius: 4px; }
    .fontawesome-icon-list .fa-hover a:hover .fa { font-size: 28px; vertical-align: -6px; }
    .fontawesome-icon-list .fa-hover a .fa { width: 32px; font-size: 16px; display: inline-block; text-align: right; margin-right: 10px; }
.main_menu .fa { width: 26px; opacity: .99; display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; font-size: 18px; -moz-osx-font-smoothing: grayscale; }
.tile-stats { position: relative; display: block; margin-bottom: 12px; border: 1px solid #E4E4E4; -webkit-border-radius: 5px; overflow: hidden; padding-bottom: 5px; -webkit-background-clip: padding-box; -moz-border-radius: 5px; -moz-background-clip: padding; border-radius: 5px; background: #FFF; transition: all .3s ease-in-out; }
    .tile-stats:hover .icon i { animation-name: transformAnimation; animation-duration: .5s; animation-iteration-count: 1; color: rgba(58,58,58,.41); animation-timing-function: ease; animation-fill-mode: forwards; -webkit-animation-name: transformAnimation; -webkit-animation-duration: .5s; -webkit-animation-iteration-count: 1; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: forwards; -moz-animation-name: transformAnimation; -moz-animation-duration: .5s; -moz-animation-iteration-count: 1; -moz-animation-timing-function: ease; -moz-animation-fill-mode: forwards; }
    .tile-stats .icon { width: 20px; height: 20px; color: #BAB8B8; position: absolute; right: 53px; top: 22px; z-index: 1; }
        .tile-stats .icon i { margin: 0; font-size: 60px; line-height: 0; vertical-align: bottom; padding: 0; }
    .tile-stats .count { font-size: 38px; font-weight: 700; line-height: 1.65857; }
    .tile-stats .count, .tile-stats h3, .tile-stats p { position: relative; margin: 0 0 0 10px; z-index: 5; padding: 0; }
    .tile-stats h3 { color: #BAB8B8; }
    .tile-stats p { margin-top: 5px; font-size: 12px; }
    .tile-stats > .dash-box-footer { position: relative; text-align: center; margin-top: 5px; padding: 3px 0; color: #fff; color: rgba(255,255,255,.8); display: block; z-index: 10; background: rgba(0,0,0,.1); }
        .tile-stats > .dash-box-footer:hover { color: #fff; background: rgba(0,0,0,.15); }
table.tile_info { padding: 10px 15px; }
    table.tile_info span.right { margin-right: 0; float: right; position: absolute; right: 4%; }
.tile_header { border-bottom: transparent; padding: 7px 15px; margin-bottom: 15px; background: #E7E7E7; }
.tile_head h4 { margin-top: 0; margin-bottom: 5px; }
.tiles-bottom { padding: 5px 10px; margin-top: 10px; background: rgba(194,194,194,.3); text-align: left; }
a.star { color: #428bca !important; }
.mail_content { background: #FFF; border-radius: 4px; margin-top: 20px; min-height: 500px; padding: 10px 11px; width: 100%; }
.list-btn-mail { margin-bottom: 15px; }
    .list-btn-mail.active { border-bottom: 1px solid #39B3D7; padding: 0 0 14px; }
    .list-btn-mail > i { float: left; font-size: 18px; font-style: normal; width: 33px; }
    .list-btn-mail > .cn { background: #39B3D7; border-radius: 12px; color: #FFF; float: right; font-style: normal; padding: 0 5px; }
.byline, .view p { font-style: italic; }
.button-mail { margin: 0 0 15px !important; text-align: left; width: 100%; }
.btn, .buttons, .modal-footer .btn + .btn, button { margin-bottom: 5px; margin-right: 5px; }
.btn-group .btn, .btn-group-vertical .btn { margin-bottom: 0; margin-right: 0; }
.mail_list_column, .mail_view { border-left: 1px solid #DBDBDB; }
.mail_list { width: 100%; border-bottom: 1px solid #DBDBDB; margin-bottom: 2px; display: inline-block; }
    .mail_list .left { width: 5%; float: left; margin-right: 3%; }
    .mail_list .right { width: 90%; float: left; }
    .mail_list h3 { font-size: 15px; font-weight: 700; margin: 0 0 6px; }
        .mail_list h3 small { float: right; color: #ADABAB; font-size: 11px; line-height: 20px; }
    .mail_list .badge { padding: 3px 6px; font-size: 8px; background: #BAB7B7; }

@media (max-width:767px) {
    .mail_list { margin-bottom: 5px; display: inline-block; }
}

.mail_heading h4 { font-size: 18px; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 20px; }
.attachment { margin-top: 30px; }
    .attachment ul { width: 100%; list-style: none; padding-left: 0; display: inline-block; margin-bottom: 30px; }
        .attachment ul li { float: left; width: 150px; margin-right: 10px; margin-bottom: 10px; }
            .attachment ul li img { height: 150px; border: 1px solid #ddd; padding: 5px; margin-bottom: 10px; }
            .attachment ul li span { float: right; }
    .attachment .file-name { float: left; }
    .attachment .links { width: 100%; display: inline-block; }
.compose { padding: 0; position: fixed; bottom: 0; right: 0; background: #fff; border: 1px solid #D9DEE4; border-right: 0; border-bottom: 0; border-top-left-radius: 5px; z-index: 9999; display: none; }
    .compose .compose-header { padding: 5px; background: #169F85; color: #fff; border-top-left-radius: 5px; }
        .compose .compose-header .close { text-shadow: 0 1px 0 #fff; line-height: .8; }
    .compose .compose-body .editor.btn-toolbar { margin: 0; }
    .compose .compose-body .editor-wrapper { height: 100%; min-height: 50px; max-height: 180px; border-radius: 0; border-left: none; border-right: none; overflow: auto; }
    .compose .compose-footer { padding: 10px; }
.editor.btn-toolbar { zoom: 1; background: #F7F7F7; margin: 5px 2px; padding: 3px 0; border: 1px solid #EFEFEF; }
.input-group { margin-bottom: 10px; }
.ln_solid { border-top: 1px solid #e5e5e5; color: #fff; background-color: #fff; height: 1px; margin: 20px 0; }
span.section { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: inherit; color: #333; border: 0; border-bottom: 1px solid #e5e5e5; }
.form-control { border-radius: 0; width: 100%; }
/*.form-horizontal .control-label { padding-top: 8px; }*/
.form-control:focus { border-color: #CCD0D7; box-shadow: none !important; }
legend { font-size: 18px; color: inherit; }
.form-horizontal .form-group { margin-right: 0; margin-left: 0; }
.form-control-feedback { margin-top: 8px; height: 23px; color: #bbb; line-height: 24px; font-size: 15px; }
    .form-control-feedback.left { border-right: 1px solid #ccc; left: 13px; }
    .form-control-feedback.right { border-left: 1px solid #ccc; right: 13px; }
.form-control.has-feedback-left { padding-left: 45px; }
.form-control.has-feedback-right { padding-right: 45px; }
.form-group { margin-bottom: 20px; }
.validate { margin-top: 10px; }
.invalid-form-error-message { margin-top: 10px; padding: 5px; }
    .invalid-form-error-message.filled { border-left: 2px solid #E74C3C; }
p.parsley-success { color: #468847; background-color: #DFF0D8; border: 1px solid #D6E9C6; }
p.parsley-error { color: #B94A48; background-color: #F2DEDE; border: 1px solid #EED3D7; }
ul.parsley-errors-list { list-style: none; color: #E74C3C; padding-left: 0; }
input.parsley-error, select.parsley-error, textarea.parsley-error { background: #FAEDEC; border: 1px solid #E85445; }
.btn-group .parsley-errors-list { display: none; }
.bad input, .bad select, .bad textarea { border: 1px solid #CE5454; box-shadow: 0 0 4px -2px #CE5454; position: relative; left: 0; -moz-animation: .7s 1 shake linear; -webkit-animation: .7s 1 shake linear; }
.item input, .item textarea { transition: .42s; }
.item .alert { float: left; margin: 0 0 0 20px; padding: 3px 10px; color: #FFF; border-radius: 3px 4px 4px 3px; background-color: #CE5454; max-width: 170px; white-space: pre; position: relative; left: -15px; opacity: 0; z-index: 1; transition: .15s ease-out; }
    .item .alert::after { content: ''; display: block; height: 0; width: 0; border-color: transparent #CE5454 transparent transparent; border-style: solid; border-width: 11px 7px; position: absolute; left: -13px; top: 1px; }
.item.bad .alert { left: 0; opacity: 1; }
.inl-bl { display: inline-block; }
.well .markup { background: #fff; color: #777; position: relative; padding: 45px 15px 15px; margin: 15px 0 0; border-radius: 0 0 4px 4px; box-shadow: none; }
    .well .markup::after { content: "Example"; position: absolute; top: 15px; left: 15px; font-size: 12px; font-weight: 700; color: #bbb; text-transform: uppercase; letter-spacing: 1px; }
.autocomplete-suggestions { border: 1px solid #e4e4e4; background: #F4F4F4; cursor: default; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; font-size: 1.2em; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #f0f0f0; }
.autocomplete-suggestions strong { color: #39f; font-weight: bolder; }
.btn { border-radius: 3px; }
a.btn-danger, a.btn-primary, a.btn-success, a.btn-warning { color: #fff; }
.btn-success { background: #26B99A; border: 1px solid #169F85; }
    .btn-success.active, .btn-success:active, .btn-success:focus, .btn-success:hover, .open .dropdown-toggle.btn-success { background: #169F85; }
.btn-dark { color: #E9EDEF; background-color: #4B5F71; border-color: #364B5F; }
    .btn-dark.active, .btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open .dropdown-toggle.btn-dark { color: #FFF; background-color: #394D5F; border-color: #394D5F; }
.btn-round { border-radius: 30px; }
.btn.btn-app { position: relative; padding: 15px 5px; margin: 0 0 10px 10px; min-width: 80px; height: 60px; box-shadow: none; border-radius: 0; text-align: center; color: #666; border: 1px solid #ddd; background-color: #fafafa; font-size: 12px; }
    .btn.btn-app > .fa, .btn.btn-app > .glyphicon, .btn.btn-app > .ion { font-size: 20px; display: block; }
    .btn.btn-app:hover { background: #f4f4f4; color: #444; border-color: #aaa; }
    .btn.btn-app:active, .btn.btn-app:focus { box-shadow: inset 0 3px 5px rgba(0,0,0,.125); }
    .btn.btn-app > .badge { position: absolute; top: -3px; right: -10px; font-size: 10px; font-weight: 400; }
textarea { padding: 10px; vertical-align: top; width: 200px; }
    textarea:focus { outline-style: solid; outline-width: 2px; }
.btn_ { display: inline-block; padding: 3px 9px; margin-bottom: 0; font-size: 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; color: #333; text-shadow: 0 1px 1px rgba(255,255,255,.75); background-color: #f5f5f5; background-image: linear-gradient(to bottom,#fff,#e6e6e6); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); border: 1px solid #ccc; border-bottom-color: #b3b3b3; border-radius: 4px; box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05); }
.bs-glyphicons { margin: 0 -10px 20px; overflow: hidden; }
.bs-glyphicons-list { padding-left: 0; list-style: none; }
.bs-glyphicons li { float: left; width: 25%; height: 115px; padding: 10px; font-size: 10px; line-height: 1.4; text-align: center; background-color: #f9f9f9; border: 1px solid #fff; }
.bs-glyphicons .glyphicon { margin-top: 5px; margin-bottom: 10px; font-size: 24px; }
.bs-glyphicons .glyphicon-class { display: block; text-align: center; word-wrap: break-word; }
.bs-glyphicons li:hover { color: #fff; background-color: #1ABB9C; }

@media (min-width:768px) {
    .bs-glyphicons { margin-right: 0; margin-left: 0; }
        .bs-glyphicons li { width: 12.5%; font-size: 12px; }
}

.tagsinput { border: 1px solid #CCC; background: #FFF; padding: 6px 6px 0; width: 300px; overflow-y: auto; }
span.tag { -moz-border-radius: 2px; -webkit-border-radius: 2px; display: block; float: left; padding: 5px 9px; background: #1ABB9C; color: #F1F6F7; margin-right: 5px; font-weight: 500; margin-bottom: 5px; font-family: helvetica; }
    span.tag a { color: #F1F6F7 !important; }
.tagsinput span.tag a { font-weight: 700; color: #82ad2b; font-size: 11px; }
.tagsinput input { width: 80px; margin: 0; font-family: helvetica; font-size: 13px; border: 1px solid transparent; padding: 3px; background: 0 0; color: #000; outline: 0; }
.tagsinput div { display: block; float: left; }
.social-body, .social-sidebar, ul.bar_tabs.right li { float: right; }
.tags_clear { clear: both; width: 100%; height: 0; }
.not_valid { background: #FBD8DB !important; color: #90111A !important; }
ul.bar_tabs {
    overflow: visible;
    background: #F5F7FA;
    height: 25px;
    margin: 21px 0 14px;
    padding-left: 14px;
    position: relative;
    z-index: 1;
    width: 100%;
    border-bottom: 1px solid #d1d4d8;
}
    ul.bar_tabs.custom_tabs {
        padding-left: 0;
        margin: 16px 0 0px;
    }
    /*ul.bar_tabs.custom_tabs > li:first-child{margin-left:0;}*/
    ul.bar_tabs > li {
        border: 1px solid #d1d4d8;
        color: #333 !important;
        margin-top: -17px;
        margin-left: 8px;
        background: #fff;
        border-bottom: none;
        border-radius: 4px 4px 0 0;
    }
    ul.bar_tabs > li.active {
        /*border-right: 6px solid #337ab7;*/
        /*border-top: 0;*/
        margin-top: -16px;
    }
    ul.bar_tabs > li a {
        padding: 10px 17px;
        /*background: #337ab7;*/
        margin: 0;
        /*border-top-right-radius: 0;*/
        border:none !important;
    }
    ul.bar_tabs.custom_tabs > li.active a{
        color:#333;
    }
    ul.bar_tabs.custom_tabs > li.active a {
        color: #333;
        background-color: #efefef !important;
    }
    ul.bar_tabs.custom_tabs > li.active a:hover {
        background-color:transparent;
    }
    .bar_tabs.custom_tabs > li a {
        color: #333;
    }
        .bar_tabs.custom_tabs > li a:hover {
            color: #333;
            background: #efefef;
        }
.bar_tabs.custom_tabs + .tab-content > .active {
    background-color: #efefef;
    padding: 20px 10px 10px;
}
            ul.bar_tabs > li a:hover { border: 1px solid transparent; }
        ul.bar_tabs > li.active a { border-bottom: none; }
    ul.bar_tabs.right { padding-right: 14px; }
a:focus { outline: 0; }
ul.timeline li { position: relative; border-bottom: 1px solid #e8e8e8; clear: both; }
.timeline .block { margin: 0 0 0 105px; border-left: 3px solid #e8e8e8; overflow: visible; padding: 10px 15px; }
.timeline.widget { min-width: 0; max-width: inherit; }
    .timeline.widget .block { margin-left: 5px; }
.timeline .tags { position: absolute; top: 15px; left: 0; width: 84px; }
.timeline .tag { display: block; height: 30px; font-size: 13px; padding: 8px; }
    .timeline .tag span { display: block; overflow: hidden; width: 100%; white-space: nowrap; text-overflow: ellipsis; }
.tag { line-height: 1; background: #1ABB9C; color: #fff !important; }
    .tag:after { content: " "; height: 30px; width: 0; position: absolute; left: 100%; top: 0; margin: 0; pointer-events: none; border-top: 14px solid transparent; border-bottom: 14px solid transparent; border-left: 11px solid #1ABB9C; }
.timeline h2.title { position: relative; font-size: 16px; margin: 0; }
    .timeline h2.title:before { content: ""; position: absolute; left: -23px; top: 3px; display: block; width: 14px; height: 14px; border: 3px solid #d2d3d2; border-radius: 14px; background: #f9f9f9; }
.timeline .byline { padding: .25em 0; }
.byline { font-size: .9375em; line-height: 1.3; color: #aab6aa; }
ul.social li { border: 0; }
.social-sidebar { background: #EDEDED; width: 22%; }
.social-body { border: 1px solid #ccc; width: 78%; }
.thumb img { width: 50px; height: 50px; border-radius: 50%; }
.chat .thumb img { width: 27px; height: 27px; border-radius: 50%; }
.chat .status { float: left; margin: 16px 0 0 -16px; font-size: 14px; font-weight: 700; width: 12px; height: 12px; display: block; border: 2px solid #FFF; z-index: 12312; border-radius: 50%; }
.chart, .percent { display: inline-block; }
.chat .status.online { background: #1ABB9C; }
.chat .status.away { background: #F39C12; }
.chat .status.offline { background: #ccc; }
.chat .media-body { padding-top: 5px; }
.dashboard_graph .x_title { padding: 5px 5px 7px; }
    .dashboard_graph .x_title h3 { margin: 0; font-weight: 400; }
.chart { position: relative; width: 110px; height: 110px; margin-top: 5px; margin-bottom: 5px; text-align: center; }
    .chart canvas { position: absolute; top: 0; left: 0; }
.percent { line-height: 110px; z-index: 2; font-size: 18px; }
    .percent:after { content: '%'; margin-left: .1em; font-size: .8em; }
.angular { margin-top: 100px; }
    .angular .chart { margin-top: 0; }
.widget { min-width: 250px; max-width: 310px; }
.widget_tally_box .btn-group button { text-align: center; color: inherit; font-weight: 500; background-color: #f5f5f5; border: 1px solid #e7e7e7; }
ul.widget_tally, ul.widget_tally li { width: 100%; }
    ul.widget_tally li { padding: 2px 10px 4px; border-bottom: 1px solid #ECECEC; }
    ul.widget_tally .month { width: 70%; float: left; }
    ul.widget_tally .count { width: 30%; float: left; text-align: right; }
.pie_bg { border-bottom: 1px solid rgba(101,204,182,.16); border-radius: 4px; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid: DXImageTransform.Microsoft.gradient(enabled=false); padding-bottom: 10px; box-shadow: 0 4px 6px -6px #222; }
.widget_tally_box .flex { display: -ms-flexbox; display: flex; }
ul.widget_profile_box { width: 100%; height: 42px; padding: 3px; background: #ececec; margin-top: 40px; margin-left: 1px; }
    ul.widget_profile_box li:first-child { width: 25%; float: left; }
        ul.widget_profile_box li:first-child a { float: left; }
    ul.widget_profile_box li:last-child { width: 25%; float: right; }
        ul.widget_profile_box li:last-child a { float: right; }
    ul.widget_profile_box li a { font-size: 22px; text-align: center; width: 35px; height: 35px; border: 1px solid rgba(52,73,94,.44); display: block; border-radius: 50%; padding: 0; }
        ul.widget_profile_box li a:hover { color: #1ABB9C !important; border: 1px solid #26b99a; }
    ul.widget_profile_box li .profile_img { width: 85px; height: 85px; margin: -28px 0 0; }
.widget_tally_box p, .widget_tally_box span { text-align: center; }
.widget_tally_box .name { text-align: center; margin: 25px; }
.widget_tally_box .name_title { text-align: center; margin: 5px; }
.widget_tally_box ul.legend { margin: 0; }
    .widget_tally_box ul.legend p, .widget_tally_box ul.legend span { text-align: left; }
    .widget_tally_box ul.legend li .icon { font-size: 20px; float: left; width: 14px; }
    .widget_tally_box ul.legend li .name { font-size: 14px; margin: 5px 0 0 14px; text-overflow: ellipsis; float: left; }
    .widget_tally_box ul.legend p { display: inline-block; margin: 0; }
.widget_tally_box ul.verticle_bars li { height: 140px; width: 23%; }
.widget .verticle_bars li .progress.vertical.progress_wide { width: 65%; }
ul.count2 { width: 100%; margin-left: 1px; border: 1px solid #ddd; border-left: 0; border-right: 0; padding: 10px 0; }
    ul.count2 li { width: 30%; text-align: center; }
        ul.count2 li h3 { font-weight: 400; margin: 0; }
        ul.count2 li span { font-weight: 300; }
.divider { border-bottom: 1px solid #ddd; margin: 10px; }
.divider-dashed { border-top: 1px dashed #e7eaec; background-color: #fff; height: 1px; margin: 10px 0; }
ul.messages { padding: 0; list-style: none; }
    .tasks li, ul.messages li { border-bottom: 1px dotted #e6e6e6; padding: 8px 0; }
        img.avatar, ul.messages li img.avatar { height: 32px; width: 32px; float: left; display: inline-block; border-radius: 2px; padding: 2px; background: #f7f7f7; border: 1px solid #e6e6e6; }
        ul.messages li .message_date { float: right; text-align: right; }
        ul.messages li .message_wrapper { margin-left: 50px; margin-right: 40px; }
            ul.messages li .message_wrapper h4.heading { font-weight: 600; margin: 0 0 10px; cursor: pointer; line-height: 100%; }
            ul.messages li .message_wrapper blockquote { padding: 0 10px; margin: 0; border-left: 5px solid #eee; }
ul.user_data li { margin-bottom: 6px; }
    ul.user_data li p { margin-bottom: 0; }
    ul.user_data li .progress { width: 90%; }
.project_progress .progress { margin-bottom: 3px !important; margin-top: 5px; }
.projects .list-inline { margin: 0; }
.profile_title { background: #F5F7FA; border: 0; padding: 7px 0; display: -ms-flexbox; display: flex; }
ul.stats-overview { border-bottom: 1px solid #e8e8e8; padding-bottom: 10px; margin-bottom: 10px; }
    ul.stats-overview li { display: inline-block; text-align: center; padding: 0 15px; width: 30%; font-size: 14px; border-right: 1px solid #e8e8e8; }
        ul.stats-overview li:last-child { border-right: 0; }
        ul.stats-overview li .name { font-size: 12px; }
        ul.stats-overview li .value { font-size: 14px; font-weight: 700; display: block; }
        ul.stats-overview li:first-child { padding-left: 0; }
ul.project_files li { margin-bottom: 5px; }
    ul.project_files li a i { width: 20px; }
.project_detail p { margin-bottom: 10px; }
    .project_detail p.title { font-weight: 700; margin-bottom: 0; }
.avatar img { border-radius: 50%; max-width: 45px; }
.pricing { background: #fff; }
    .pricing .title { background: #1ABB9C; height: 110px; color: #fff; padding: 15px 0 0; text-align: center; }
        .pricing .title h2 { text-transform: capitalize; font-size: 18px; border-radius: 5px 5px 0 0; margin: 0; font-weight: 400; }
.notifications a, .tabbed_notifications h2, .view .tools, .view a.info { text-transform: uppercase; }
.pricing .title h1 { font-size: 30px; margin: 12px; }
.pricing .title span { background: rgba(51,51,51,.28); padding: 2px 5px; }
.pricing_features { background: #FAFAFA; padding: 20px 15px; min-height: 230px; font-size: 13.5px; }
    .pricing_features ul li { margin-top: 10px; }
.pricing_footer { padding: 10px 15px; background-color: #f5f5f5; border-top: 1px solid #ddd; text-align: center; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; }
    .pricing_footer p { font-size: 13px; padding: 10px 0 2px; display: block; }
.ui-ribbon-container { position: relative; }
    .ui-ribbon-container .ui-ribbon-wrapper { position: absolute; overflow: hidden; width: 85px; height: 88px; top: -3px; right: -3px; }
    .ui-ribbon-container.ui-ribbon-primary .ui-ribbon { background-color: #5b90bf; }
    .ui-ribbon-container .ui-ribbon { position: relative; display: block; text-align: center; font-size: 15px; font-weight: 700; color: #fff; transform: rotate(45deg); padding: 7px 0; left: -5px; top: 15px; width: 120px; line-height: 20px; background-color: #555; box-shadow: 0 0 3px rgba(0,0,0,.3); }
    .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:after, .ui-ribbon-container.ui-ribbon-primary .ui-ribbon:before { border-top: 2px solid #5b90bf; }
    .ui-ribbon-container .ui-ribbon:before { left: 0; bottom: -1px; right: 0; }
    .ui-ribbon-container .ui-ribbon:after, .ui-ribbon-container .ui-ribbon:before { position: absolute; content: " "; line-height: 0; border-top: 2px solid #555; border-left: 2px solid transparent; border-right: 2px solid transparent; }
.thumbnail .image { height: 120px; overflow: hidden; }
.caption { padding: 9px 5px; background: #F7F7F7; }
    .caption p { margin-bottom: 5px; }
.thumbnail { height: 190px; overflow: hidden; }
.view { overflow: hidden; position: relative; text-align: center; box-shadow: 1px 1px 2px #e6e6e6; cursor: default; }
.dropdown-menu a, .voiceBtn { cursor: pointer; }
.view .content, .view .mask { position: absolute; width: 100%; overflow: hidden; top: 0; left: 0; }
.sideways, .view .tools, .view img, .view p { position: relative; }
.view img { display: block; }
.view .tools { color: #fff; text-align: center; font-size: 17px; padding: 3px; background: rgba(0,0,0,.35); margin: 43px 0 0; }
.mask.no-caption .tools { margin: 90px 0 0; }
.view .tools a { display: inline-block; color: #FFF; font-size: 18px; font-weight: 400; padding: 0 4px; }
.view p { font-family: Georgia,serif; font-size: 12px; color: #fff; padding: 10px 20px 20px; text-align: center; }
.view a.info { display: inline-block; padding: 7px 14px; background: #000; color: #fff; box-shadow: 0 0 1px #000; }
.view-first img { transition: all .2s linear; }
.view-first .mask { opacity: 0; background-color: rgba(0,0,0,.5); transition: all .4s ease-in-out; }
.view-first .tools { transform: translateY(-100px); opacity: 0; transition: all .2s ease-in-out; }
.view-first p { transform: translateY(100px); opacity: 0; transition: all .2s linear; }
.view-first:hover img { transform: scale(1.1); }
.view-first:hover .mask { opacity: 1; }
.view-first:hover .tools, .view-first:hover p { opacity: 1; transform: translateY(0); }
.view-first:hover p { transition-delay: .1s; }
.form-group.has-feedback span { display: block !important; }
.form-group .btn { margin-bottom: -6px; }
.input-group-btn .btn { margin-bottom: 0; }
.input-group.date .input-group-addon { border-radius: 0px !important; background-color: #ffff !important; }
/*!
 * bootstrap-vertical-tabs - v1.2.1
 * https://dbtek.github.io/bootstrap-vertical-tabs
 * 2014-11-07
 * Copyright (c) 2014 İsmail Demirbilek
 * License: MIT
 */
.tabs-left, .tabs-right { border-bottom: none; padding-top: 2px; }
.tabs-left { border-right: 1px solid #F7F7F7; }
.tabs-right { border-left: 1px solid #F7F7F7; }
    .tabs-left > li, .tabs-right > li { float: none; margin-bottom: 2px; }
.alignleft, .left { float: left; }
.tabs-left > li { margin-right: -1px; }
    .tabs-left > li > a, .tabs-right > li > a { margin-right: 0; background: #F7F7F7; overflow: hidden; text-overflow: ellipsis; }
.tabs-right > li { margin-left: -1px; }
.tabs-left > li.active > a, .tabs-left > li.active > a:focus, .tabs-left > li.active > a:hover { border-bottom-color: #F7F7F7; border-right-color: transparent; }
.tabs-right > li.active > a, .tabs-right > li.active > a:focus, .tabs-right > li.active > a:hover { border-bottom: 1px solid #F7F7F7; border-left-color: transparent; }
.tabs-left > li > a { border-radius: 4px 0 0 4px; display: block; }
.tabs-right > li > a { border-radius: 0 4px 4px 0; }
.sideways { margin-top: 50px; border: none; }
    .sideways > li { height: 20px; width: 120px; margin-bottom: 100px; }
        .sideways > li > a { border-bottom: 1px solid #ddd; border-right-color: transparent; text-align: center; border-radius: 4px 4px 0 0; }
        .sideways > li.active > a, .sideways > li.active > a:focus, .sideways > li.active > a:hover { border-bottom-color: transparent; border-right-color: #ddd; border-left-color: #ddd; }
    .sideways.tabs-left { left: -50px; }
    .sideways.tabs-right { right: -50px; }
        .sideways.tabs-right > li { transform: rotate(90deg); }
    .sideways.tabs-left > li { transform: rotate(-90deg); }
.morris-hover { position: absolute; z-index: 1000; }
    .morris-hover.morris-default-style { padding: 6px; color: #666; background: rgba(243,242,243,.8); border: 2px solid rgba(195,194,196,.8); font-family: sans-serif; font-size: 12px; text-align: center; }
        .morris-hover.morris-default-style .morris-hover-row-label { font-weight: 700; margin: .25em 0; }
        .morris-hover.morris-default-style .morris-hover-point { white-space: nowrap; margin: .1em 0; }
.price { font-size: 40px; font-weight: 400; color: #26B99A; margin: 0; }
.prod_title { border-bottom: 1px solid #DFDFDF; padding-bottom: 5px; margin: 30px 0; font-size: 20px; font-weight: 400; }
.product-image img { width: 90%; }
.prod_color li { margin: 0 10px; }
    .prod_color li p { margin-bottom: 0; }
.prod_size li { padding: 0; }
.prod_color .color { width: 25px; height: 25px; border: 2px solid rgba(51,51,51,.28) !important; padding: 2px; border-radius: 50px; }
.product_gallery a { width: 100px; height: 100px; float: left; margin: 10px; border: 1px solid #e5e5e5; }
    .product_gallery a img { width: 100%; margin-top: 15px; }
.product_price { margin: 20px 0; padding: 5px 10px; background-color: #FFF; text-align: left; border: 2px dashed #E0E0E0; }
.price-tax { font-size: 18px; }
.product_social { margin: 20px 0; }
    .product_social ul li a i { font-size: 35px; }
.login {
    background-color: #f3f3f3;
    /*background-image: url("../images/prorec-bg.jpg");*/
    background-repeat: no-repeat;
    overflow:hidden;
}
.left-image-panel {
    background-image: url(../../Images/left-blue-bg.jpg);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    float: left;
}
.login .fa-paw {
    font-size: 26px;
}
a.hiddenanchor { display: none; }
/*.login_wrapper { right: 0; margin: 5% auto 0; max-width: 1440px; position: relative; }*/
.login_wrapper {
    right: 0;
    margin: 0 auto;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
}
.cropper .docs-cropped .modal-body > canvas, .cropper .docs-cropped .modal-body > img, .cropper .img-container > img, .cropper .img-preview > img { max-width: 100%; }
.login_form, .registration_form {
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    right: 0;
}
.registration_form { z-index: 21; opacity: 0; width: 100%; }
.login_form {
    padding: 25px 0 45px;
    z-index: 22;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 13%;
    box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.50), inset 0px 0px 0px 4px rgba(0, 35, 67, 0.75);
    background-color: rgba(255, 255, 255, 0.90);
    /* filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFDFDFD', endColorstr='#FFE5E5E5');
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiP…dpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==);
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fdfdfd), color-stop(100%, #e5e5e5));
    background-image: -moz-linear-gradient(top, #fdfdfd 0%, #e5e5e5 100%);
    background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #e5e5e5 100%);
    background-image: linear-gradient(to bottom, #fdfdfd 0%, #e5e5e5 100%);
   
        -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
        -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 10px;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 10px;*/
}
#signin:target ~ .login_wrapper .login_form, #signup:target ~ .login_wrapper .registration_form { z-index: 22; animation-name: fadeInLeft; animation-delay: .1s; }
#signin:target ~ .login_wrapper .registration_form, #signup:target ~ .login_wrapper .login_form { animation-name: fadeOutLeft; }
.animate { -webkit-animation-duration: .5s; -webkit-animation-timing-function: ease; -webkit-animation-fill-mode: both; -moz-animation-duration: .5s; -moz-animation-timing-function: ease; -moz-animation-fill-mode: both; -o-animation-duration: .5s; -o-animation-timing-function: ease; -o-animation-fill-mode: both; -ms-animation-duration: .5s; -ms-animation-timing-function: ease; -ms-animation-fill-mode: both; animation-duration: .5s; animation-timing-function: ease; animation-fill-mode: both; }
.login_box { padding: 20px; margin: auto; }
.alignleft { margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }
.clearfix:after, form:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.login_content {
    margin: 15% auto;
    padding: 0;
    position: relative;
    text-align: right;
    text-shadow: 0 1px 0 #fff;
    max-width: 400px;
    direction: rtl;
}
.logo-wrapper {
    padding: 15px;
    overflow: hidden;
}
.login_content .login-form {
    border-radius: 6px;
    background-color: rgb(255, 255, 255);
    box-shadow: 17.669px 3.435px 71.54px 1.46px rgba(185, 185, 185, 0.36);
    border: 1px solid #e4e4e4;
    padding: 25px;
    font-family: 'DroidArabicKufiRegular';
}
.login_content a:hover {
    text-decoration: underline;
}
.login_content h1 {
    margin: 0px 0 40px;
    color: #000;
    font-size: 25px;
    text-align: center;
}
    .login_content h1 i {
        background-color: #f3f3f3;
        padding: 18px 20px;
        border-radius: 100%;
        font-size: 2em;
        margin-bottom: 15px;
        box-shadow: 13px 14px 71.54px 1.46px rgba(185, 185, 185, 0.36);
    }
        .login_content h1 img {
            /*max-width: 58%;*/
            margin: 0 auto;
        }
        .login_content h1:after, .login_content h1:before {
            content: "";
            height: 1px;
            position: absolute;
            top: 10px;
            width: 20%;
        }
        .login_content h1:after {display:none; background: #7e7e7e; background: linear-gradient(left,#7e7e7e 0,#fff 100%); right: 0; }
        .login_content h1:before {display:none; background: #7e7e7e; background: linear-gradient(right,#7e7e7e 0,#fff 100%); left: 0; }
    .login_content form { margin: 0px 0; position: relative; }
        .login_content form input[type=text], .login_content form input[type=email], .login_content form input[type=password],
        .login_content form input.k-textbox,
        #txtUserId,
        #txtPassword {
            border-radius: 0;
            
            border: 1px solid #e5e5e5;
            color: #777;
            margin: 0 0 20px;
            width: 100%;
            padding: 1.2rem 4.5rem 1.2rem 1.5rem;
            height: auto;
            
            border-radius: .5rem;
            -webkit-box-shadow: 0 0 0 100px white inset;
            /*border-left: 5px solid #274054;*/
            /*-ms-box-shadow: 0 1px 0 #fff,0 -2px 5px rgba(0,0,0,.08) inset;
            -o-box-shadow: 0 1px 0 #fff,0 -2px 5px rgba(0,0,0,.08) inset;
            box-shadow: 0 1px 0 #fff, 0 -2px 5px rgba(0,0,0,.08) inset;*/
        }
        .login_content label{
            font-weight:normal;
            color:#000;
        }
        .login_content .position-r .fa-user {
            position: absolute;
            font-size: 16px;
            right: 0px;
            top: 1px;
            color: #fff;
            background-color: #114169;
            padding: 14px 13px;
            border-top-right-radius: .5rem;
            border-bottom-right-radius: .5rem;
        }
        .login_content .position-r .fa-lock {
            position: absolute;
            font-size: 16px;
            right: 0px;
            top: 1px;
            color: #fff;
            background-color: #114169;
            padding: 14px 13px;
            border-top-right-radius: .5rem;
            border-bottom-right-radius: .5rem;
        }
		.login_content form .forget-pass { color: #8a8a8a; font-size: 14px; text-decoration: none; position: absolute; top: 8px; right: 0; }
            .login_content form input[type=text]:focus, .login_content form input[type=email]:focus, .login_content form input[type=password]:focus { -ms-box-shadow: 0 0 2px #ed1c24 inset; -o-box-shadow: 0 0 2px #ed1c24 inset; box-shadow: 0 0 2px #A97AAD inset; background-color: #fff; border: 1px solid #A878AF; outline: 0; }
        .login_content form div .login-btn {
            border: none;
            cursor: pointer;
            outline: none;
            font-size: 18px;
            margin-right: 0;
            width: 100%;
            height: 45px;
            background-color: #114169;
            border-radius: .5rem;
            transition: all .3s ease;
        }
            .login_content form div .login-btn:hover {
                background-color: #1c67a5;
            }
            .login_content form div .login-btn i {
                color: #6AC9CF;
                font-size: 40px;
                position: relative;
                top: 6px;
                margin-left: 10px;
            }
    .login_content .validation-summary-errors ul {
        list-style: none;
        text-align: center;
        padding: 0;
    }
    .login-btn{
        width:100%;
        padding:10px !important;
    }
.login-summary {
    color: #fff;
    margin: 40% 15% 25% 15%;
    text-align: right;
    font-family: 'DroidArabicKufiRegular';
}
    .login-summary h1 {
        font-size: 30px;
        font-weight: bold;
        direction: rtl;
    }
        .login-summary h1 span {
            font-weight: normal;
            font-size: 25px;
        }
    .login-summary p {
        font-size: 16px;
        direction: rtl;
    }
.position-r {
    position: relative;
}
#username { background-position: 10px 10px !important; }
#password { background-position: 10px -53px !important; }
.login_content form div a { font-size: 12px; margin: 10px 15px 0 0; }
.reset_pass { margin-top: 10px !important; }
.login_content div .reset_pass { margin-top: 13px !important; margin-right: 39px; float: right; }
.separator { border-top: 1px solid #D8D8D8; margin-top: 10px; padding-top: 10px; }
.button { background: #f7f9fa; background: linear-gradient(top,#f7f9fa 0,#f0f0f0 100%); filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f7f9fa', endColorstr='#f0f0f0', GradientType=0); -ms-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; -o-box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; box-shadow: 0 1px 2px rgba(0,0,0,.1) inset; border-radius: 0 0 5px 5px; border-top: 1px solid #CFD5D9; padding: 15px 0; }
#content form .submit, .login_content form input[type=submit] { float: left; margin-left: 38px; }
.button a { background: url(http://cssdeck.com/uploads/media/items/8/8bcLQqF.png) 0 -112px no-repeat; color: #7E7E7E; font-size: 17px; padding: 2px 0 2px 40px; text-decoration: none; transition: all .3s ease; }
    .button a:hover { background-position: 0 -135px; color: #00aeef; }
header { width: 100%; }
#nprogress .bar { background: #1ABB9C; }
#nprogress .peg { box-shadow: 0 0 10px #1ABB9C,0 0 5px #1ABB9C; }
#nprogress .spinner-icon { border-top-color: #1ABB9C; border-left-color: #1ABB9C; }
.editor-wrapper { min-height: 250px; background-color: #fff; border-collapse: separate; border: 1px solid #ccc; padding: 4px; box-sizing: content-box; box-shadow: rgba(0,0,0,.07451) 0 1px 1px 0 inset; overflow: scroll; outline: 0; border-radius: 3px; }
.voiceBtn { width: 20px; color: transparent; background-color: transparent; transform: scale(2,2); -webkit-transform: scale(2,2); -moz-transform: scale(2,2); border: transparent; box-shadow: none; -webkit-box-shadow: none; }
div[data-role=editor-toolbar] { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.select2-container--default .select2-selection--multiple, .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #ccc; border-radius: 0; min-height: 38px; }
    .select2-container--default .select2-selection--single .select2-selection__rendered { color: #73879C; padding-top: 5px; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered { padding-top: 3px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow { height: 36px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice, .select2-container--default .select2-selection--multiple .select2-selection__clear { margin-top: 2px; border: none; border-radius: 0; padding: 3px 5px; }
.select2-container--default.select2-container--focus .select2-selection--multiple { border: 1px solid #ccc; }
.switchery { width: 32px; height: 20px; }
    .switchery > small { width: 20px; height: 20px; }
fieldset { border: none; margin: 0; padding: 0; }
.cropper .img-container, .cropper .img-preview { background-color: #f7f7f7; width: 100%; text-align: center; }
.cropper .img-container { min-height: 200px; max-height: 516px; margin-bottom: 20px; }
.cropper .docs-data > .input-group, .cropper .docs-toggles > .btn, .cropper .docs-toggles > .btn-group, .cropper .docs-toggles > .dropdown, .cropper .img-preview { margin-bottom: 10px; }

@media (min-width:768px) {
    .cropper .img-container { min-height: 516px; }
    .as-of-today{margin-left:0;}
}

.cropper .docs-preview { margin-right: -15px; }
.cropper .img-preview { float: left; margin-right: 10px; overflow: hidden; }
.cropper .preview-lg { width: 263px; height: 148px; }
.cropper .preview-md { width: 139px; height: 78px; }
.cropper .preview-sm { width: 69px; height: 39px; }
.cropper .preview-xs { width: 35px; height: 20px; margin-right: 0; }
.cropper .docs-data > .input-group > label { min-width: 80px; }
.cropper .docs-data > .input-group > span { min-width: 50px; }
.cropper .docs-buttons > .btn, .cropper .docs-buttons > .btn-group, .cropper .docs-buttons > .form-control { margin-right: 5px; margin-bottom: 10px; }
.cropper .docs-tooltip { display: block; margin: -6px -12px; padding: 6px 12px; }
    .cropper .docs-tooltip > .icon { margin: 0 -3px; vertical-align: top; }
.cropper .tooltip-inner { white-space: normal; }
.cropper .btn-toggle .tooltip-inner, .cropper .btn-upload .tooltip-inner { white-space: nowrap; }
.cropper .btn-toggle { padding: 6px; }
    .cropper .btn-toggle > .docs-tooltip { margin: -6px; padding: 6px; }

@media (max-width:400px) {
    .cropper .btn-group-crop { margin-right: -15px !important; }
        .cropper .btn-group-crop > .btn { padding-left: 5px; padding-right: 5px; }
        .cropper .btn-group-crop .docs-tooltip { margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 5px; }
}

.cropper .docs-options .dropdown-menu { width: 100%; }
    .cropper .docs-options .dropdown-menu > li { padding: 3px 20px; }
        .cropper .docs-options .dropdown-menu > li:hover { background-color: #f7f7f7; }
        .cropper .docs-options .dropdown-menu > li > label { display: block; }
.cropper .docs-cropped .modal-body { text-align: center; }
.cropper .docs-diagram .modal-dialog { max-width: 352px; }
.cropper .docs-cropped canvas { max-width: 100%; }
.form_wizard .stepContainer { display: block; position: relative; margin: 0; padding: 0; border: 0 solid #CCC; overflow-x: hidden; }
.wizard_horizontal ul.wizard_steps { display: table; list-style: none; position: relative; width: 100%; margin: 0 0 0px; }
    .wizard_horizontal ul.wizard_steps li { display: table-cell; text-align: center; }
        .wizard_horizontal ul.wizard_steps li a, .wizard_horizontal ul.wizard_steps li:hover { display: block; position: relative; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; color: #666; }
            .wizard_horizontal ul.wizard_steps li a:before { content: ""; position: absolute; height: 4px; background: #ccc; top: 20px; width: 100%; z-index: 4; left: 0; }
            .wizard_horizontal ul.wizard_steps li a.disabled .step_no { background: #ccc; }
            .wizard_horizontal ul.wizard_steps li a .step_no { width: 28px; height: 28px; line-height: 28px; border-radius: 100px; display: block; margin: 0 auto 5px; font-size: 16px; text-align: center; position: relative; z-index: 5; }
            .step_no, .wizard_horizontal ul.wizard_steps li a.selected:before { background: #34495E; color: #fff; }
            .wizard_horizontal ul.wizard_steps li a.done .step_no, .wizard_horizontal ul.wizard_steps li a.done:before { background: #1ABB9C; color: #fff; }
        .wizard_horizontal ul.wizard_steps li:first-child a:before { left: 50%; }
        .wizard_horizontal ul.wizard_steps li:last-child a:before { right: 50%; width: 50%; left: auto; }
.wizard_verticle .stepContainer { width: 80%; float: left; padding: 0 10px; }
.actionBar { width: 100%; border-top: 1px solid #ddd; padding: 10px 5px; text-align: right; margin-top: 10px; display:none;}
    .actionBar .buttonDisabled { cursor: not-allowed; pointer-events: none; opacity: .65; filter: alpha(opacity=65); box-shadow: none; }
    .actionBar a { margin: 0 3px; }
.wizard_verticle .wizard_content { width: 80%; float: left; padding-left: 20px; }
.wizard_verticle ul.wizard_steps { display: table; list-style: none; position: relative; width: 20%; float: left; margin: 0 0 20px; }
    .wizard_verticle ul.wizard_steps li { display: list-item; text-align: center; }
        .wizard_verticle ul.wizard_steps li a { height: 80px; }
            .wizard_verticle ul.wizard_steps li a:first-child { margin-top: 20px; }
        .wizard_verticle ul.wizard_steps li a, .wizard_verticle ul.wizard_steps li:hover { display: block; position: relative; -moz-opacity: 1; filter: alpha(opacity=100); opacity: 1; color: #666; }
            .wizard_verticle ul.wizard_steps li a:before { content: ""; position: absolute; height: 100%; background: #ccc; top: 20px; width: 4px; z-index: 4; left: 49%; }
            .wizard_verticle ul.wizard_steps li a.disabled .step_no { background: #ccc; }
            .wizard_verticle ul.wizard_steps li a .step_no { width: 40px; height: 40px; line-height: 40px; border-radius: 100px; display: block; margin: 0 auto 5px; font-size: 16px; text-align: center; position: relative; z-index: 5; }
.progress.progress_sm, .progress.progress_sm .progress-bar { height: 10px !important; }
.step_no, .wizard_verticle ul.wizard_steps li a.selected:before { background: #34495E; color: #fff; }
.wizard_verticle ul.wizard_steps li a.done .step_no, .wizard_verticle ul.wizard_steps li a.done:before { background: #1ABB9C; color: #fff; }
.wizard_verticle ul.wizard_steps li:first-child a:before { left: 49%; }
.wizard_verticle ul.wizard_steps li:last-child a:before { left: 49%; left: auto; width: 0; }
.form_wizard .loader, .form_wizard .msgBox {
    display: none;
    text-align: center;
    width: 100%;
}
.progress { border-radius: 0; }
.progress-bar-info { background-color: #3498DB; }
.progress-bar-success { background-color: #26B99A; }
.progress_summary .progress { margin: 5px 0 12px !important; }
.progress_summary .row { margin-bottom: 5px; }
    .progress_summary .row .col-xs-2 { padding: 0; }
.progress_summary .data span, .progress_summary .more_info span { text-align: right; float: right; }
.progress_summary p { margin-bottom: 3px; width: 100%; }
.progress_title .left { float: left; text-align: left; }
.progress_title .right { float: right; text-align: right; font-weight: 300; }
.progress.progress_sm { border-radius: 0; margin-bottom: 18px; }
.dashboard_graph p { margin: 0 0 4px; }
ul.verticle_bars { width: 100%; }
    ul.verticle_bars li { width: 23%; height: 200px; margin: 0; }
.progress.vertical.progress_wide { width: 35px; }
.alert-success { color: #fff; background-color: rgba(38,185,154,.88); border-color: rgba(38,185,154,.88); }
.alert-info { color: #E9EDEF; background-color: rgba(52,152,219,.88); border-color: rgba(52,152,219,.88); }
.alert-warning { color: #E9EDEF; background-color: rgba(243,156,18,.88); border-color: rgba(243,156,18,.88); }
.alert-danger, .alert-error { color: #E9EDEF; background-color: rgba(231,76,60,.88); border-color: rgba(231,76,60,.88); }
.ui-pnotify.dark .ui-pnotify-container { color: #E9EDEF; background-color: rgba(52,73,94,.88); border-color: rgba(52,73,94,.88); }
.custom-notifications { position: fixed; margin: 15px; right: 0; float: right; width: 400px; z-index: 4000; bottom: 0; }
ul.notifications { float: right; display: block; margin-bottom: 7px; padding: 0; width: 100%; }
.notifications li { float: right; margin: 3px; width: 36px; box-shadow: 3px 3px 3px rgba(0,0,0,.3); }
    .notifications li:last-child { margin-left: 0; }
.notifications a { display: block; text-align: center; text-decoration: none; padding: 9px 8px; }
.tabbed_notifications .text { padding: 5px 15px; height: 140px; border-radius: 7px; box-shadow: 6px 6px 6px rgba(0,0,0,.3); }
.tabbed_notifications div p { display: inline-block; }
.tabbed_notifications h2 { font-weight: 700; width: 80%; float: left; height: 20px; text-overflow: ellipsis; overflow: hidden; display: block; }
.tabbed_notifications .close { padding: 5px; color: #E9EDEF; float: right; opacity: 1; }
.fc-state-default { background: #f5f5f5; color: #73879C; }
.fc-state-active, .fc-state-down { color: #333; background: #ccc; }
.dropzone { min-height: 130px; border: 1px solid #e5e5e5; width: 300px; margin: 0 auto; }
.main_menu .label { line-height: 11px; margin-top: 4px; }




.daterangepicker.xdisplay { width: 228px; }
/*.dataTables_wrapper > .row { overflow: auto !important; }*/
#lineChart{height:245px  !important;}
/*.form_wizard .stepContainer{height:auto !important;}*/
.well-custom{overflow:hidden;margin-bottom: 0;}
.table tr[aria-expanded="true"] .menu-plus .fa-plus:before{content:"\f068";}
.section-heading-seprator { border-bottom: 1px solid #3d6274; text-align: center; margin-top: 0px; margin-bottom: 10px; line-height: 40px; }
    .section-heading-seprator span { background-color: #3d6274; padding: 10px 25px; color: #fff; position: relative; top: 2px; }
.total-amount-card { width: 340px; /* margin: 25px auto 50px; */ padding: 15px;float:left; position:relative;}
.btn-payment { /*position: absolute; left: 345px; bottom: 10px; width: 500px; text-align: left;*/ }
/*.custom-minHeight{min-height:initial !important;}*/
.m-b30{margin-bottom:30px;    box-shadow: 0px 4px 18px 1px #cacaca;     border: 1px solid #aaacaf;}
.dropzone .dz-message { margin: 2em 0; }
.btn-theme { background: #ea6a47; color: #fff; }
.m-t4{margin-top: 4px;}
.custom-x_panel{}
.table_x tr td{vertical-align: middle;}
.panel-custom.panel-group .panel{    border-radius: 0;
    /* box-shadow: 0px 4px 18px 1px #cacaca; */
    border: 1px solid #fff;
    /*box-shadow: 0 5px 25px 0px #cecece;*/
    margin-bottom: 0px;}
.panel-custom .panel-default > .panel-heading {
    background-color: #395775;
    border-color: transparent;
    padding: 4px 20px;
    color: #fff;
    /*border-bottom: 2px solid #1abb9c;*/
    border-radius: 0;
}
    .panel-custom .panel-default > .panel-heading .title-grey i { font-size: 26px; margin-right: 10px; position: relative; top: 2px; width: 22px; text-align: center; display:none;}
    .panel-custom .panel-default > .panel-heading .title-grey {
        padding: 10px 0px;
        display: inline-block;
    }
    .panel-heading .accordion-toggle {
        width: 100%;
        display: block;
    }
    .panel-heading .accordion-toggle:after {    color: #C5C7CB; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\f107"; float: right; font-size: 22px; top: 2px; position: relative; font-weight: bold; }
    .panel-heading .accordion-toggle.collapsed:after { content: "\f105";     color: #C5C7CB;}
    .form-heading{float: right;margin: 0;}
.form_panle_x {
    /*overflow-x: hidden;
    overflow-y: scroll;
    max-height: 700px;*/
    border: 1px solid #ddd;
    /*padding: 10px 10px 0;*/
    background-color: #fff;
}
.wizard-top { width: 50%; float: left; margin-top: 3px; margin-left: 15%; }
.table>tbody>tr:hover{/*box-shadow: 0 6px 25px 3px rgba(186, 182, 207, 0.50);*/ cursor:default; transition: box-shadow 0.3s ease-in-out;background-color: #ececec;}
.align-top tr td{vertical-align:middle !important;}
.wizard_horizontal ul.wizard_steps li a.selected:before {background: #34495E; color: #fff;}
.wizard_horizontal ul.wizard_steps li a.selected .step_no{    background: #34495E;}
.wizard_horizontal ul.wizard_steps li a .step_no {    background: #ccc;}
.wizard-top.wizard_horizontal ul.wizard_steps li a .step_no{margin: 0 auto 3px; top: 5px;}
.btn-pay{padding: 4px 10px;}
.btn-compare{padding:10px 0;}
.dates-transsction { margin-left: 65px; text-align: center;float:right }
    .dates-transsction a { color: #444351; padding: 4px 10px 4px;  font-weight: 400; font-size: 14px; display:inline-block;}
    .dates-transsction a.active{background-color: #3e6372; color:#fff;}
.heading-amount { background-color: #039179; color: #fff; padding: 14px; }
.as-of-today-span { background-color: #039179; color: #fff; padding: 10px 15px; font-size: 14px;margin-top: 25px; display: block;position:relative; }
.as-of-today-span:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #1c9179;
    position: absolute;
    top: 13px;
    right: -10px;
}
.as-of-today { padding-right: 0; position: relative; top: 5px; }
.seprator-left.tile_stats_count:before{display:none;}
.m-left-10{margin-left:10%;}
.m-left-15{margin-left:15px;}
.seller-and-buyer.form-horizontal label {
    margin-right: 20px;
}
.well-custom .form-horizontal label {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 700;
    min-width: 60px;
    margin-bottom:0;
}
.well-custom .form-horizontal .plaintext  label{
    font-weight:normal;
}
.p-left {
    padding-left: 0;
}
.p-right{padding-right:0;}
.add-new-widget{cursor:pointer;}
.add-new-widget:hover{background-color:#e0e0e0;}
.add-new-widget .x_content{ text-align: center;     padding-top: 22%; color: #afafaf; }
.add-new-widget .add-statidtics-label{display:block; font-size:16px;color: #337ab7;}
.li-for-mobile, .widzard-for-mobile{display:none !important;}
.show-en{display:inline;}
.show-ar{display:none;}
.grey{background-color:#2A3F54; color:#fff;}
.grey:hover{background-color:#fff; color:#333; border:1px solid #2A3F54;}


/*Theme css*/
#lightTheme { padding-top: 9px; float: left;cursor:pointer; }
#darkTheme{padding-top: 9px; float:left;cursor:pointer;}
#arabicCultureAr { padding-top: 13px; float: left; cursor: pointer; font-size: 16px; font-weight: bold; }
#darhTheme.active, #lightTheme.active, #arabicCultureAr.active{background-color:#D9DEE4;}

.dark-6911{display:none;}
.light-6911{display:inline-block;}
.darkColor { background-color: #2b3f53; width: 25px; height: 25px; display: inline-block; margin-right: 8px; position: relative; top: 7px; }
.lightColor{background-color: #fff; width: 25px; height: 25px; display: inline-block; margin-right: 8px; position: relative; top: 7px; }
.dark-theme .x_panel,
.dark-theme .dashboard_graph { background: #2A3F54; box-shadow: 0 5px 25px 0px #000000; border: 1px solid rgba(230, 233, 237, 0.07058823529411765); }
.dark-theme .x_title{    border-bottom: 2px solid rgba(255, 255, 255, 0.129);}
.dark-theme .table-bordered {
    border: 1px solid rgba(221, 221, 221, 0.309);
}
.dark-theme .table-bordered>tbody>tr>td, 
.dark-theme .table-bordered>tbody>tr>th, 
.dark-theme .table-bordered>tfoot>tr>td, 
.dark-theme .table-bordered>tfoot>tr>th, 
.dark-theme .table-bordered>thead>tr>td, 
.dark-theme .table-bordered>thead>tr>th {
    border: 1px solid rgba(221, 221, 221, 0.309);
}
.dark-theme .dates-transsction a,
.dark-theme .tile_count .tile_stats_count span,
.dark-theme .title_pink h3, 
.dark-theme .title_pink h2
{color: #ffffff;}
.dark-theme .tile_count .tile_stats_count .count{color: #14bde0;}
.dark-theme .tile_count .tile_stats_count:before{    border-left: 2px solid #465869;}
.dark-theme .light-6911{display:none;}
.dark-theme .dark-6911{display:inline-block;}
.dark-theme .workspace-wrapper .x_title h2 {
    color: #73879C;
}
.dark-theme .panel-body.grey-area {
    background-color: #46586a;
    border: 5px solid #314456 !important;
}

.dark-theme .custom-table.table > tbody > tr > td,
.dark-theme .custom-table.table > tbody > tr > th,
.dark-theme .custom-table.table > tfoot > tr > td,
.dark-theme .custom-table.table > tfoot > tr > th,
.dark-theme .custom-table.table > thead > tr > td,
.dark-theme .custom-table.table > thead > tr > th {
    border: 1px solid #46586a;
}

.dark-theme .custom-table tr th {
    background-color: #314456;
    color: #e7e7e7;
    border-bottom: 1px solid #46586a !important;
    font-weight: normal;
}

.dark-theme .action-panel {
    border-top: 1px solid #ddd;
    background-color: #46586a;
}

.dark-theme {

}

body.dark-theme .container.body .right_col {
    background: #27323e;
}
@media (max-width:460px) {
    .dataTables_wrapper .col-sm-6 { width: 100%; margin-bottom: 5px; }
        .dataTables_wrapper .col-sm-6 .dataTables_filter { float: none; }
}

@media (max-width:768px) {
    .dataTables_length { float: none; }
    div.dataTables_wrapper div.dataTables_length select { width: 135px !important;margin-left:14px; }
    div.dataTables_wrapper div.dataTables_filter input{width:135px !important;}
    .tile_count .col-md-12{width:100%;}
    .li-for-desktop, .widzard-for-desktop{display:none !important;}
    .li-for-mobile, .widzard-for-mobile{display:inline-block !important;}
    #lightTheme { padding-top: 1px; padding-bottom: 8px; }
    #darkTheme { padding-top: 1px; padding-bottom:8px; }
    .tile_count .tile_stats_count { width: 100% !important; padding-top: 10px; padding-bottom: 10px; line-height: normal; }
    .tile_count .tile_stats_count:before{display:none;}
    .tile_count .tile_stats_count .count{margin-top:0; line-height: normal;}
    .form-heading { font-size: 16px; position: relative; top: 4px; }
    .total-amount-card { width: 100%; padding: 6px 0; float: none; }
    .btn-payment { text-align: center; }
    .wizard-mobile{width:100%;}
    .wizard-mobile .wizard_steps{padding-left:0;}
    .wizard_horizontal ul.wizard_steps li a:before { top: 13px; }
    .section-heading-seprator span{top:2px;}
    .dropzone { width: 100%; }
    .grid-action i{font-size:20px;}
    .dataTables_length{display:none;}
    .full-width{width:100%;}
}
@media(max-width:992px){
    .full-width{width:100%;}
}
/*@media(max-width:1024px) {
    .as-of-today { width: 100%;margin-bottom: 10px;padding-left: 0;}
    .as-of-today-span { margin-top: 0px;}
    .tile_count .tile_stats_count {width: 33%;}
    .as-of-today-span:after{display:none;}
}*/
@media(max-width:1024px) {
    .as-of-today { width: 100%;margin-bottom: 10px;padding-left: 0;}
    .as-of-today-span { margin-top: 0px;}
    .tile_count .tile_stats_count {width: 33%;}
    .as-of-today-span:after{display:none;}
    /*login page*/
    .login_content {padding-top: 0;}
    /*.login_wrapper {right: 0;margin: 15% 10%;}*/
    .login-logo {margin: 0 auto;}
}

@media (max-width:1187px) {
    .tile_count .tile_stats_count .count { font-size: 22px; }
    .tile_count .tile_stats_count {
        min-width: 198px;
    }
}
@media (max-width:1366px) {
    .tile_count .tile_stats_count .count { font-size: 22px; }
    .wizard-top{margin-left:4% !important;}
    .receipt-table tr td input.form-control {
        width: 90px;
    }

    .receipt-table tr td .k-dropdown, .receipt-table tr td .k-datetimepicker {
        width: 140px !important;
    }
}
@media(max-width:1440px) {
.btn-width-200 {
    width: 200px;
}
    /*.tile_count .tile_stats_count .count { font-size: 32px; }*/
}
.margin_right{margin-right:10px;}
.m_t_8{margin-top:8px;}
.icon-new-request{font-size:21px !important;}
/*Kendo Text box*/
.k-textbox {
    border-radius: 0 !important;
    display: block !IMPORTANT;
    width: 100% !important;
    height: 34px !important;
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 1.42857143 !important;
    color: #555 !important;
    background-color: #fff !important;
    background-image: none !important;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075) !important;
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s !important;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s !important;
    text-indent:0 !important;
}

.k-autocomplete, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-dropdown, .k-dropdowntree, .k-listbox, .k-multiselect, .k-numerictextbox, .k-selectbox, .k-textbox, .k-timepicker, .k-toolbar .k-split-button {
    width: 100% !important;
}
.k-dropdown-wrap{border-radius:0 !important; box-shadow:none;}
.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input, .k-selectbox .k-input, .k-textbox > input {
    padding: .270em 0 !important;
}
.k-dropdown-wrap.k-state-active.k-state-border-down, .k-numeric-wrap .k-link.k-state-selected, .k-pager-numbers.k-state-expanded .k-current-page .k-link, .k-picker-wrap.k-state-active.k-state-border-down{
    box-shadow:none !important;
}
.k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-textbox:hover {
    background-color: #fff !important;
    border-radius: 0 !important;
}
.k-list > .k-state-focused.k-state-selected, .k-listview > .k-state-focused.k-state-selected, .k-state-focused.k-state-selected, td.k-state-focused.k-state-selected {
    background: #EBEBEB !important;
    box-shadow: none !important;
    border-radius:0 !important;
    color:#333 !important;
    border:none !important;
}
.k-autocomplete.k-state-focused, .k-dropdown-wrap.k-state-focused, .k-multiselect-wrap.k-state-focused, .k-numeric-wrap.k-state-focused, .k-picker-wrap.k-state-focused{
    border-color:#ccc !important;
    box-shadow:none !important;
}
.k-autocomplete.k-state-hover, .k-dropdown-wrap.k-state-hover, .k-numeric-wrap.k-state-hover, .k-picker-wrap.k-state-hover, .k-textbox:hover{border-color:#ccc !important;}
.k-autocomplete, .k-block, .k-calendar .k-link, .k-calendar td, .k-calendar-container, .k-colorpicker, .k-combobox, .k-datepicker, .k-datetimepicker, .k-drag-clue, .k-dropdown, .k-dropdown-wrap, .k-editor-inline, .k-grid .k-filter-options, .k-grouping-header .k-group-indicator, .k-inline-block, .k-list-container, .k-multiselect, .k-notification, .k-numeric-wrap, .k-numerictextbox, .k-picker-wrap, .k-slider-selection, .k-slider-track, .k-split-button, .k-textbox, .k-tile, .k-timepicker, .k-tooltip, .k-touch-scrollbar, .k-treeview .k-in, .k-upload, .k-window, .k-window-action, .k-window-titleless .k-window-content{border-radius:0 !important;}
.k-block, .k-draghandle, .k-grid-header, .k-grouping-header, .k-header, .k-toolbar, .k-treemap-tile, html .km-pane-wrapper .k-header {
    background-color: #2a3f54 !important;
}
.k-autocomplete, .k-draghandle, .k-dropdown-wrap, .k-grid-header, .k-grouping-header, .k-header, .k-numeric-wrap, .k-pager-wrap, .k-panelbar .k-tabstrip-items .k-item, .k-picker-wrap, .k-progressbar, .k-state-highlight, .k-tabstrip-items .k-item, .k-textbox, .k-toolbar, .km-pane-wrapper > .km-pane > .km-view > .km-content{
    background-image:none !important;
}
.k-editor, .k-grid, .k-menu, .k-scheduler {
    border-radius: 0px !important;
    border: none !important;
}
.k-filter-row th, .k-grid-header th.k-header {
    padding: .7em .6em .7em .6em !important;
    border-color: #efefef !important;
}
    .k-grid-header th.k-header > .k-link{font-weight:bold !important;}
.k-grid tr td {
    border-width: 0 0 1px 0px !important;
    border-color: #ddd !important;
}
    .k-grid-header .k-header > .k-link, .k-header, .k-treemap-title {
        color: #fff !important;
    }
.k-numeric-wrap.k-expand-padding .k-input{
    border-radius:0 !important;
}
.field-validation-error {
    position: absolute;
    background-color: #d9534f;
    color: #fff;
    padding: 3px 10px;
    top: -35px;
    right: 10px;
    z-index: 999;
    border-radius: 4px;
    text-shadow: none;
}
    .field-validation-error:before {
        content: "";
        height: 0;
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 6px solid #d9534f;
        position: absolute;
        top: 26px;
    }
.input-validation-error {
    border: 1px solid #d9534f !important;
}
.btn-primary {
    box-shadow: 0px 10px 25px 0px rgba(47, 47, 47, 0.15);
    padding: 6px 25px;
    border-color: #337ab7;
}
.pagination-wrap .pagination {
    margin:0;
}
.page-link {
    position: relative;
    display: inline-block;
    padding: .5rem .75rem;
    margin-left: -5px;
    line-height: 1.25;
    color: #2a3f54;
    background-color: #fff;
    border: 1px solid #dee2e6;
    margin-right: 0;
}
.page-item.active .page-link {
    position: relative;
    display: inline-block;
    padding: .5rem .75rem;
    margin-left: -5px;
    line-height: 1.25;
    color: #fff;
    background-color: #2a3f54;
    border: 1px solid #dee2e6;
    margin-right: 0;
}
.display-block {
    display: block;
}
.seprator {
    border-top: 5px solid #fff;
}
.lodder{margin-left:15px;}
.custom-table{background-color:#fff;margin-bottom:10px;}
    .custom-table tr th {
        background-color: #d0cece;
        color: #000;
        border-bottom: 1px solid #989898 !important;
        font-weight: normal;
    }
.custom-table tr th label{
    font-weight:normal;
    margin-bottom:0;
}
.grid-action {
    margin: 0;
}
    .grid-action.retweet:before {
        content: "\f044";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 8px;
    }
    .grid-action.validation-btn:before {
        content: "\f05d";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 8px;
    }
.check-icon:before {
    content: "\f00c";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right:8px;
}
.custom-toggle.panel-heading .accordion-toggle {
    width: auto;
    display: inline-block;
}
.custom-toggle.panel-heading .panel-title .add-btn-wrapper .btn {
    float: right;
    margin: 2px 0;
}
    .custom-toggle.panel-heading .panel-title .add-btn-wrapper .btn:before {
        content: "\f067";
        display: inline-block;
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        margin-right: 8px;
    }
.custom-toggle.panel-heading .accordion-toggle:after {
    display: none;
}
.panel-body.grey-area {
    background-color: #efefef;
    border: 5px solid #fff !important;
}
.btn span{margin-left:10px;}
.copyright-text-login {
    width: 100%;
    overflow: hidden;
    font-size: 12px;
    text-align: center;
    color: #7d7d7d;
    margin-top: 30px;
    font-family: 'DroidArabicKufiRegular';
}
.copyright-text {
    width: auto;
    height: 50px;
    overflow: hidden;
    position: absolute;
    bottom: 0;
    font-size: 12px;
    text-align: center;
    color: #737373;
    margin: 0px auto;
    left: 50%;
}
.plaintext {
    padding-top: .800rem;
    margin-bottom: 0;
    font-weight:normal;
}
.k-picker-wrap .k-icon, .k-icon {
    color: #000 !important;
}

.k-calendar .k-header .k-icon, .k-calendar .k-link.k-nav-fast {
    color: #fff !important
}
.k-calendar .k-header .k-state-hover .k-icon, .k-calendar .k-nav-fast.k-state-hover, .k-calendar td.k-state-selected .k-link, .k-calendar td.k-today.k-state-selected.k-state-hover .k-link {
    color: #000 !important
}
.k-state-focused.k-state-selected, td.k-state-focused.k-state-selected{background:#c7c7c7!important;}
.action-panel {
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 10px 5px;
    margin-top: 10px;
    background-color: #efefef;
    overflow: hidden;
    text-align:center;
}
    .action-panel span{
        line-height:normal;
    }
    .margin_t_0 {
        margin-top: 0;
    }
/**********************************
    error-overlay    
**********************************/
.error-overlay {
    margin: 0 auto 0;
    padding: 25px;
    -moz-border-radius: 5px;
    -moz-box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 10px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.25) 0px 1px 10px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 1px 10px;
    text-align: center;
    color: #73879C;
    background: #283b4e;
    position: absolute;
    width: auto;
    left: 0;
    right: 0;
    bottom: 0;
    top: 58px;
}
.error-overlay-inner {
    width: auto;
    margin: 4% auto 0;
    display: inline-block;
    padding: 15px 10px;
    color: #fff;
}
    .error-overlay-inner .btn-back-page {
        box-shadow: 0px 10px 25px 0px rgba(47, 47, 47, 0.15);
        padding: 6px 25px;
        border-color: #d9534f;
        background-color: transparent;
        color: #d9534f;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
        .error-overlay-inner .btn-back-page:hover {
            background-color: #d9534f;
            color:#fff;
        }
.error-number i {
    color: #d9534f;
    margin-left: 30px;
}
.col-wrapper .col-md-6 {
    width:100%;
}
.font-bold{font-weight:bold;}

/**********************************************
    modal search participant panel
***********************************************/
.modal-1030{width:1030px;}
.modal-dialog.ui-resizable {
    overflow: hidden;
}
.search-partcipantpanel .form_panle_x {
    overflow: hidden;
    border: none;
    max-height: inherit;
}
.search-partcipantpanel .form_panle_x > .panel-group {
    margin-bottom: 0;
    box-shadow: none;
}
.search-partcipantpanel > .form_panle_x > .panel-group > .panel > .panel-collapse > .panel-body {
    padding: 5px 0 0;
}
.search-partcipantpanel > .form_panle_x > .panel-group > .panel {
    box-shadow: none;
    margin-bottom: 0;
}
.search-partcipantpanel > .form_panle_x > .panel-group > .panel > .panel-collapse > .panel-body > .form-horizontal .tab-content .tab-pane {
    padding: 0px 0 0;
}
.search-partcipantpanel > .form_panle_x > .panel-group > .panel > .panel-collapse > .panel-body > .form-horizontal .tab-content .tab-pane .form_panle_x .panel {
    box-shadow: none;
    margin-bottom: 0;
}
.search-partcipantpanel > .form_panle_x > .panel-group > .panel > .panel-collapse > .panel-body > .form-horizontal .tab-content .tab-pane .form_panle_x {
    overflow: auto;
    min-height: 460px;
    max-height: 800px;
}
.search-panel-dismiss {
    position: absolute;
    top: 11px;
    right: 10px;
    z-index: 3;
    color: #fff;
    opacity: 0.9;
}
.no-record-found td{
    background-color: #ececec;
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.calendar-wrapper {
    background: #fff;
    cursor: pointer;
    padding: 6px 10px;
    border: 1px solid #ccc;
    width: 100%;
}
.calendar-wrapper i{
    float:right;
    padding:2px 0;
}
.btn-dark-theme {
    background-color: #2a3f54;
    border-color: #2a3f54;
}

/* Removes the clear button from date inputs */
    .calendar-wrapper[type="text"] {
        background-image: url('images/calendar-icon.png');
        background-repeat: no-repeat;
        background-color: #fff;
        background-position: 98% 50%;
    }
[type="date"]::-webkit-inner-spin-button {
    display: none;
}
[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}
input[type="date"]::-webkit-clear-button {
    display: none;
}
.span-view{
    width:100%;
    display:block;
}
.loading-full {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: rgba(255, 255, 255, 0.80);
}
    .loading-full i {
        position: absolute;
        top: 40%;
        left: 40%
    }
/*********************
Css Procedure Screen
    need to change
**********************/
.procedure_screen .custom-table tr th {
    background-color: #e4e1e1;
    color: #000;
    border-bottom: 1px solid #989898 !important;
}
.procedure_screen #procedureInstancePartiesPanel .grey-area .form-row + .custom-table > tbody > tr > td {
    padding: 0;
}
    .procedure_screen #procedureInstancePartiesPanel .grey-area .form-row + .custom-table > tbody > tr > td .custom-table{
        margin-bottom:0;
    }
.margin_0{margin:0;}
.btn-parties-info {
    padding: 0 8px 5px 8px !important;
}
.btn-parties-info .btn{
    font-size: 13px;
    padding: 5px 15px 6px;
}
    /*.btn-parties-info .btn.authority-btn {
        padding: 5px 10px;
    }*/
.authority-btn .authority_icon {
    background-image: url('../Images/authority_icon.svg');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
}
.single-line {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    width:100%;
}
/******************************************
    New Modification Css
*******************************************/
.custom-table tr td .error-message ul{
    margin:0;
}
.custom-table.table > tbody > tr > td,
.custom-table.table > tbody > tr > th,
.custom-table.table > tfoot > tr > td,
.custom-table.table > tfoot > tr > th,
.custom-table.table > thead > tr > td,
.custom-table.table > thead > tr > th {
    border: 1px solid #ddd;
}
.custom-table.table > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9;
}
.form-control {
    border: 1px solid #a9a9a9;
}
.panel-group.panel-custom {
    margin-bottom: 0;
}
.row-gutter_20 {
    margin-left: -20px;
    margin-right: -20px;
}
.workspace-wrapper .x_title {
    margin-bottom: 5px;
}
.workspace-wrapper .x_content {
    margin:0;padding:0;
}
.workspace-wrapper .panel-body.grey-area {
    border: none !important;
    padding-top: 20px;
}
.workspace-wrapper .panel-custom.panel-group .panel {
    border: none;
}
.workspace-wrapper .panel-custom .panel-default > .panel-heading {
    display: none;
}
.workspace-wrapper .error-message ul{
    margin-bottom:5px;
}
.workspace-wrapper .custom-table {
    margin-bottom:10px;
}
.icon-new-request {
    position: relative;
    top: 5px;
}
.workspace-wrapper .x_panel {
    margin-bottom: 20px;
    border: 1px solid #5d6f82;
}
.procedure-wrapper > .form_panle_x {
    padding: 10px 10px 0;
}
.procedure-wrapper .panel-group.panel-custom {
    border-radius: 0;
    border: 0px solid #efefef;
    box-shadow: 0 5px 25px 0px rgba(206, 206, 206, 0.50);
    margin-bottom: 20px;
}
.procedure-wrapper .panel-custom .panel-default > .panel-heading {
    border-radius: 0;
    background-color: #fff;
    border-color: transparent;
    padding: 0px 10px;
    color: #337ab7;
    border-bottom: 1px solid #ddd !important;
}
.procedure-wrapper .panel-custom.panel-group .panel {
    border: 1px solid #dddddd;
}
.procedure-wrapper .panel-custom .panel-default > .panel-heading .title-grey {
    padding: 10px 0px;
    display: inline-block;
    color: #337ab7;
}
.search-panel-dismiss span {
    color: #337ab7;
}
.modal-body .form_panle_x {
    background-color: transparent;
}
.modal-body .panel-group.panel-custom {
    border: none;
}
/*.modal-body .panel-body.grey-area {
    padding:0;
}*/
.search-person .panel-heading.custom-toggle {
    display:none;
}
.search-person .panel-custom.panel-group .panel, .search-person .form_panle_x {
    border: none !important;
}
.search-person .panel-body.grey-area {
    border: none !important;
    margin: 0;
    /*padding: 0;*/
}
.value-with-topline {
    border-top: 1px solid #2a3f54;
    width: 100%;
    display: inline-block;
    margin-top: 7px;
    max-width: 175px;
}
.control-label.required {
    /*content: "*";
    color: #ff0000;
    font-size: 16px;
    position: relative;
    left: 10px;
    margin-left: -5px;*/
    color: #d9534f;
}
.parties-information {
    margin: 0 auto;
    background-color: rgb(26, 187, 156);
    display: block;
    overflow: hidden;
    text-align: center;
    border-radius: 0;
    margin-bottom: 15px;
    padding: 2px 0px 2px 2px;
    color: #47a1dd;
    width: 70%;
}
    .parties-information .col-md-3 {
        background-color: #567390;
        padding: 10px;
        margin-right: 2px;
        width: 24.5%;
    }
        .parties-information .col-md-3.sector, .parties-information .col-md-3.property-area {
            width: 25%;
        }
            .parties-information .col-md-3.property-area{
                margin-right:0;
            }
        .parties-information .col-md-3 span {
            font-weight: bold;
            color: #fff;
            display: inline-block;
            text-align: center;
            padding: 1px 10px;
            background-color: rgba(255, 255, 255, 0.10);
            min-width: 100px;
        }
        .parties-information .col-md-3 label {
            font-weight: normal;
            margin-bottom: 0;
            font-size: 12px;
            /*margin-right: 10px;*/
            color: #cecece;
            /*border-bottom:1px solid #cecece;*/
            min-width:100px;
            display:inline-block;
        }
.vaucher-table {
    padding: 0 !important;
    border: none !important;
}
.vaucher-table .table {
    padding: 0;
    border: none;
    margin-bottom:0;
    table-layout:fixed;
}
    .vaucher-table .table tr td{
        border-bottom: none !important;
        border-top: none !important;
    }
.panel-voucher .panel-title .title-grey {
    padding: 4px !important;
}
.vaucher-table-inner {
    padding: 0px 10px 8px 10px !important;
    background-color: #e4e1e1;
    border: 1px solid #ddd !important;
}
.panel-group.panel-custom.panel-voucher {
    margin-bottom: 0;
    background-color: #ccc;
    margin-top: 7px;
    border:none;
}
.mandatory-info {
    text-align: right;
    margin: 0px 0 25px;
    padding-right: 20px;
    color: #ff0000;
    font-weight:bold;
}
.vaucher-table-inner .action-panel {
    margin-top: 0;
}
.tabel-layout{
    table-layout:fixed;
}
.btn-print {
    padding: 3px 12px;
}

.custom-table.table > tbody > tr > td{
    position:relative;
}
    .custom-table.table > tbody > tr > td .field-validation-error:before {
        top:34px;
    }
.margin_t_3 {
    margin-top: 3px;
}
.voucher-pay-div {
    padding: 0 !important;
    background-color: #e4e1e1;
}
    .voucher-pay-div .x_panel {
        box-shadow: none;
        margin-top: 10px;
    }
.demo-section{
    margin-bottom:10px;
}
    .demo-section .k-header {
        background-color:#fff !important;
    }
.loader-full {
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.80);
    z-index: 1;
    padding-top: 20%;
}
.checkbox-list label input {
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.body-alignent > .panel-default > .panel-collapse > .panel-body {
    padding: 0;
    background-color: transparent;
}
.procedure-wrapper.body-alignent .panel-custom.panel-group .panel + .panel{
    margin-top:15px;
}
.procedure-wrapper.body-alignent .panel-group.panel-custom {
    margin-bottom: 0;
}
.white-wrapper .panel-default > .panel-heading {
    background-color: #e4e1e1;
    color: #000;
}
    .white-wrapper .panel-default > .panel-heading .title-grey {
        padding: 4px 0px;
    }
    .white-wrapper .panel-default > .panel-heading .accordion-toggle:after {
        top: 6px;
        color: #717171;
    }