/* CSS Document */
@font-face {
    font-family: 'jf-flat-regular';
    src: url('../../fonts/jf-flat-regular.eot');
    src: url('../../fonts/jf-flat-regular.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/jf-flat-regular.woff') format('woff'),
        url('../../fonts/jf-flat-regular.ttf') format('truetype'),
        url('../../fonts/jf-flat-regular.svg#droid_arabic_kufiregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
body{
    font-size: 17px;
}
/*#col-left , h1 , h2 ,body ,th ,td, h4{
        font-family: 'jf-flat-regular';
}*/

.aff_2{
    padding-left:5px;
}
#config-tool-cog{
    display:none;

}
.btn-info{
    color:#fff;
    background-color: #cc0404 !important;
    border-color: #cc0404 !important;
}
.btn-info:hover ,.btn-info:focus{
    background-color: #cc0404 !important;
    border-color: #cc0404 !important;
}
.rtl #login-box #login-forget-link {
    text-align: right;
}
.error {
    color: red;
    display: table;
}
.other_choise{
    display:none;
}
/*.datepicker.datepicker-rtl {
    direction: rtl;
    width: 17%;
    margin-right: 8%;
}*/
.inquery {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 50%;
    padding-right: 10px;
    display:none;
}
.inquery_1{
    display:none;
}
.inquery_1 {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width:20%;
    padding-right: 10px;
    display:none;
}
.push {
    margin-left: 5px;
    margin-top: 10px;
    width: 33%;
    margin: 0 auto;
}
.ff_add{
    margin-top: 20px !important;
}

.inquery_2{
    margin-top:90px;
    display:none;

}
.inquery_btn{
    margin:0 auto;
    margin-top:20px;
    margin-bottom:20px;
    width:20%
}
.information{
    padding-bottom:15px;
}

.rtl .breadcrumb > li + li:after {
    color: #262626;
    font-family: FontAwesome;
    content: "\f104";
    float: right;
}
.table_div{
    display:none;
}
.invalid{
    color:red;
}
#invalid ,#invalid1{
    display:none;
}
/*.theme-whbl .btn-primary {
font-family: 'jf-flat-regular';
}*/
.cases_info{
    margin-right:8px;
}
.cases_info div{
    padding-top:3px;
}
.cases_details{
    margin-right:8px;
    margin-bottom:8px;
}
.add_search_12{
    margin-top:25px;
}
.pagination > li:first-child > a ,.theme-whbl .pagination > li > a{
    float:left;
}
.start_pay{
    margin-top:10px;
    margin-bottom:10px;
    font-size:15px;
}
.chzn-container .chzn-drop {
    position: absolute;
    top: 100%;
    left: 9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.month_jh{
    margin-bottom:20px;
}
.phon2{
    margin-top:10px;
    margin-bottom:10px;

}
.aff_2 {
    padding-left: 5px;
    padding-right: 5px;
}
.add_edit{
    width: 10% !important;
}
.add_edit1{
    width: 11% !important;
}
.search_invpice{
    color:#fff !important;
}
.search_invpice:hover ,.search_invpice:focus{
    text-decoration:none;
}
.table_dash tbody > tr > td {
    font-size: 0.875em;
    vertical-align: middle;
    border-top: 1px solid #e7ebee;
    padding: 8px 3px;
    border: 1px solid #e7ebee;
    text-align:center;
}
.table_dash thead > tr > th {
    font-size: 0.875em;
    vertical-align: middle;
    border-top: 1px solid #e7ebee !important;
    padding: 8px 3px;
    border: 1px solid #e7ebee;
    text-align:center;
}
/*colors*/

.theme-whbl #header-navbar {
    background-color: #0c3350 !important;
    border-bottom: 2px solid #cc0404 !important;
}
.btn-primary:hover ,.btn-primary:focus{
    background-color: #0c3350 !important;
    border-color: #0c3350 !important;
    color:#fff !important;
}


.theme-whbl #header-navbar .nav > li > a {
    color: #fff !important;
}
.theme-whbl #header-navbar .nav > li > a:hover , .theme-whbl #header-navbar .nav > li > a:focus{
    background-color:#cc0404 !important;
    color:#fff !important;
}

.theme-whbl h1 {
    color: #cc0404 !important;

}



.theme-whbl .btn-primary {
    background-color: #cc0404 !important;
    border-color: #cc0404 !important;
    color: #fff !important;
}
.emerald-bg {
    background-color: #cc0404 !important;
}

.theme-whbl .pagination > .active > a, .theme-whbl .pagination > .active > span, .theme-whbl .pagination > .active > a:hover, .theme-whbl .pagination > .active > span:hover, .theme-whbl .pagination > .active > a:focus, .theme-whbl .pagination > .active > span:focus {
    background-color: #cc0404 !important;
    border-color: #cc0404 !important;
    color: #fff !important;
}
.theme-whbl .pagination > li > a, .theme-whbl .pagination > li > span, .theme-whbl .pagination > li > a:hover, .theme-whbl .pagination > li > span:hover, .theme-whbl .pagination > li > a:focus, .theme-whbl .pagination > li > span:focus, .theme-whbl .pagination > li > a:active, .theme-whbl .pagination > li > span:active {
    color: #0c3350 !important;
}
#sidebar-nav .nav > li > a > i {
    position: absolute;
    margin-top: 6px;
}
.theme-whbl #sidebar-nav .nav > li > a:hover {
    background-color: #0c3350 !important;
    border-color: #fff;
    border-bottom-color: #fff;
    color: #fff;
}

.theme-whbl a, .theme-whbl .fc-state-default, .theme-whbl .jvectormap-zoomin, .theme-whbl .jvectormap-zoomout, .theme-whbl #user-profile .profile-details ul > li > span {
    color: #cc0404 !important;
}

.btn-warning {
    background-color: #0c3350 !important;
    border-color: #0c3350 !important;
}
.btn-warning:hover , .btn-warning:focus {
    background-color: #cc0404 !important;
    border-color: #cc0404 !important;
}
.mokj{
    margin-top: 10px;
}

.theme-whbl #sidebar-nav .nav > li > a {
    color: #0c3350 !important;
    /* border-bottom: 1px solid #e7ebee; */
}
.breadcrumb > li a:hover {
    color: #0c3350 !important;
}

.chek11P{
    margin-top:30px;
}
.table_clintm ,.table_clintm th ,.table_clintm tr ,.table_clintm td{
    border:1px solid #000;
    text-align:center;
}
.table_clintm th ,.table_clintm td{
    padding-top:5px;
    padding-bottom:5px;
}
.files1{
    margin-top:10px;
}

.chzn-container-multi .chzn-choices li {
    float: left;
    list-style: none;
}
.chzn-container .chzn-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}
.view_all{
    margin-top:25px;
}
.in1 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}
.hrefbtn:hover ,.hrefbtn:focus{
    color:#909 !important;
}
.filedow{
    width:100%;
    display:table;
    margin-top: 5px;
}
.plus2{
    padding:5px;
    border-radius:3px;
}
.links_body{
    text-align: center;
}
.modal-title{
    color:#cc0404;
}
.title_12{
    font-size:15px;
    font-weight:bold;
}
.title55{
    font-size:14px;
    font-weight:normal;
}
.graph-stats li .value {
    color: #3b3b3b;
    font-size: 1.2em;
    font-weight: 300;
}


.tabbb {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin-right: 7px;
}
.filff{
    width:10%;
}
.pp_progress{
    background-color: #03a9f4;
}
.font_ghg{
    margin:25px auto;
    text-align:center;
}
.file_name1 p{
    margin-top:10px;
}
.file_name1:hover, .file_name1:focus{
    color:#cc0404 !important;
}
.modal33 , .modal44{
    border-width: 2px;
    background-color: #cc0404;
    /* color: #fff; */
}
.modal33 .modal-title ,.modal44 .modal-title {
    color: #fff;
}
.modal33 .close, .modal44 .close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.8;
    filter: alpha(opacity=20);
}
.UserName{
    color: #0c3350;
    font-weight: bold;

}
.UserName span{
    color: #cc0404;
    font-weight: normal;
}
.modal_imguser{
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
}
.img_votes{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin: 0 auto;
}
.votes_name1{
    margin-top: 10px;
}
.title_vote{
    color: #cc0404;
    margin-bottom: 20px !important;
}
.message_vote{
    color: #000;

}
.comments_chat{
    float: right;
}
.employy{
    position: relative;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    margin-bottom: 10px;
    z-index: 50;
}
.employy_name{
    color: #cc0404;
}
.employy_latest{
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.weather-box .next {
    background: #cc0404;
    border-radius: 0 0 3px 3px;
    background-clip: padding-box;
    color: #fff;
    padding: 20px;
}
.name_emp{
    font-size: 12px;
    margin-top: 6px;
}
.weather-box .next .temperature {
    font-size: 1.1em;
}
.the_month{
    padding-left: 0px;
    color: #0c3350;
}
.gift_emp{
    position: relative;
    z-index: 999;
}
.theme-whbl .mox_comments {
    border:none;
}
.votes_box .main-box-body {
    padding: 0 15px 0px 20px;
}
.card .mb-0{
    padding: 7px;
    background-color: #cc0404;
    color: #fff !important;
}
.card .mb-0 a{
    color: #fff !important;
}
.result22{
    margin-top: 10px !important;

}
.result22 span ,.result22_2 span {
    color: #cc0404;

}
.result22_2{
    margin-bottom: 5px !important;
}
.close11{
    margin-bottom: 3px;
    padding: 3px 8px;
    margin-top: 3px;
}
.page_total{
    padding-bottom: 50px;
}
.fixed_info{
    background-color: #fff;
    width: 300px;
    position: fixed;
    border: 2px solid #cc0404;
    border-radius: 3px;
    padding: 10px;
    right: 5px;
    bottom: 15px;
}
.btn-success{
    background-color: #8bc34a !important;
    border-color: #8bc34a !important;

}
.color12{
    background-color: #e7ebee;
    border: 1px solid #e7ebee;
    border-radius: 3px;
}
p.result22_2 {
    margin-top: 10px;
}
.row1221{
    margin-top: 8px;
}
.piechart{
    border: none;
    border-top: 3px solid #cc0404 !important;
    margin-top: 20px;
}
.form22 {
    margin-top: 64px;
    margin-bottom: 64px;
}
.price12{
    padding-top: 5px;
}

.doc_table th,.doc_table td{
    border: 1px solid #cc0404;
    padding: 8px;
    text-align: center;
}
.doc_table{
    width: 100%;
}
.blood1 {
    margin: 0 0 3px;
}

.view_table{
    width: 100%;
}
.view_table th,.view_table td{
    padding: 7px;
}
.viewsave{
    width: 20%;
    margin-top: 20px;
    float: right;
    margin-right: 7px;
}
.attreb {
    font-weight: bold;
    margin-top: 20px !important;
    margin-bottom: 8px !important;
}
.attribtable tr:nth-child(even) {
    background-color: #f2f2f2;
}
.attribtable th {
    background-color: #f2f2f2;
}
.fa-ul {
    padding-left: 0;
    margin-left: 20px;
    list-style-type: none;
}
.user_default{
    max-width: 85%;
    margin: 0 auto;
    margin-bottom: 25px;
}
.analysname{
    width: 60%;
}
.analysresult{
    width: 40%;
}
.more2{
    display: table;
    margin-bottom: 10px;
}
.more2:hover ,.more2:focus{

    color: #cc0404 !important;
}
.period_btn{
    margin-top: 25px !important;
}
.tell{
    margin-top: 5px;
    margin-bottom: 5px;
}
.save_form{
    float: right;
}
.hg{
    font-size: 14px !important;
    padding-bottom: 6px;
}
.g1{
    margin-bottom: 10px !important;
}
.save_compare{
    margin-top: 13px !important;
}
.box_graph1{
    margin-top:15px;
}
.canvasjs-chart-credit{
    display: none !important;
}
.cancellled_12{
    text-decoration: line-through;
}
.modal-header {
    border-width: 2px;
    background-color: #0c3350;
}
.modal-title {
    color: #fff;
}
.close {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #fff;
    text-shadow: 0 1px 0 #fff;
    opacity: 0.8;
    filter: alpha(opacity=20);
}
.modal-footer {
    border-width: 2px;
    background-color: #fff;
}
.steps{
    margin-top: 10px;
    margin-left: 10px;
}

.steps12 {
    background-color: #ccc;
    margin-left: 0px;
    margin-right: 0;
    border-radius: 6px;
    padding-bottom: 8px;
    padding-top: 0px;
    font-size: 15px;
    color: #cc0404;
}
.step1 ,.step2{
    padding-top: 5px;
    cursor: pointer;
}
.step2{
    text-decoration: underline !important;
}
.tickets{
    font-size: 20px !important;
    font-weight: bold;
    margin-bottom: 20px;
}
.name_size1{
    font-weight: bold;
}
.name_size1 span{
    font-weight: normal;
}
.date_value{
    padding-top: 17px;
    padding-bottom: 30px;
}
#logo.navbar-brand > img {
    margin: 0 auto;
    padding-right: 4px;
    height: 40px;
    margin-top: -4px;
}
.theme-whbl #header-navbar {
    background-color: #cc0404;
    border-bottom: 2px solid #cc0404;
}
.infographic-box.colored .headline {
    font-size: 0.9em;
    font-weight: 600;
    margin-bottom: 4px;
}
.theme-whbl #sidebar-nav .nav > li > a {
    color: #0c3350;
    /* border-bottom: 1px solid #e7ebee; */
}
.theme-whbl #sidebar-nav .nav > li > a:hover , .theme-whbl #sidebar-nav .nav > li > a:focus{
    background-color: #cc0404;
    /* border-bottom: 1px solid #e7ebee; */
}
.label-info, .fc-event.label-info {
    background-color: #0c3350;
}
.red-bg {
    background-color: #0c3350 !important;
}
#login-logo {
    background: none repeat scroll 0 0 #cc0404;
    color: #fff;
    display: block;
    font-size: 2em;
    font-weight: 400;
    padding: 20px 0;
    text-align: center;
    text-transform: uppercase;
}
#login-logo > img {
    display: block;
    height: 60px;
    margin: 0 auto;
}
.btn-success {
    background-color: #cc0404 !important;
    border-color: #cc0404 !important;
}
.wizard .wizard-inner .actions {
    position: absolute;
    padding-bottom: 7px;
    padding-top: 6px;
    right: 0;
    z-index: 1000;
    float: right;
    padding-right: 15px;
    padding-left: 15px;
    line-height: 46px;
    vertical-align: middle;
    background-color: #e5e5e5;
    border-left: 1px solid #d4d4d4;
}
.badge.badge-primary {
    background-color: #0c3350;
}
.wizard .wizard-inner ul li.active {
    color: #0c3350;
    background: #d9edf7;
}
.val2{
    padding-top: 11px !important;
    padding-bottom: 10px !important;
}
.vers_12{
    text-align:right;
    float:right;
}
#copy_12{
    text-align:left;
}
#footer-copyright {
    margin: 0;
}
.btn_tick_v2{
    margin-top: 24px;
}
.date_v2 {
    background-color: #CC0404 !important;
    color: #fff;
}
.infographic-box .value {
    font-size: 1.9em;
    font-weight: 600;
    margin-top: -5px;
    display: block;
    text-align: right;
}
.date_v2 td a span{
    color:#fff !important;
    font-size:20px;
    font-weight:bold;

}
.date_cruisev32{
    background-color: #cc0404 !important;
    color: #fff;
}
.cruise_desc:hover ,.cruise_desc:focus{
    color: #cc0404 !important;
    text-decoration: underline;
}
.tooltip {
    white-space:pre-wrap;
}
.inukk{
    margin-bottom: 8px;

    height: 100px !important;
    max-height: 110px;
    overflow-y: scroll;
}
.btn_ddd{
    margin-left: 5px;
    margin-right: 5px;
    padding: 5px 8px !important;
}
.infographic-box .value {
    font-size: 1.5em;
    font-weight: 600;
    margin-top: -5px;
    display: block;
    text-align: right;
}
.traffictxt_details{
	width:400px;
}
.traffictxt_details12{
	width:300px;
}
.clientview a:hover , .clientview a:focus{
	color:#cc0404 !important;
}
@media (max-width: 991px)
{
    .theme-whbl .navbar > .container .navbar-brand {
        background-color: transparent;
    }

    .theme-whbl .navbar-toggle {
        color: #484848;
    }
}
.theme-whbl .navbar-toggle:hover{
	background-color: transparent;
}

@media (max-width: 320px) {
	#footer-copyright {
    margin: 0;
    font-size: 8px;
    /* height: auto; */
}
/*.main-box .main-box-body {
    padding: 0 10px 10px 10px;
}*/
#datepicker ,#datepicker_1{
	width:100%;
}

.inukk {
    margin-bottom: 8px;
    width: 260px;
    height: 100px !important;
    max-height: 110px !important;
    overflow-y: scroll;
}

.traffictxt_details{
	width:400px;
}
#edit_desc{
	margin-left:65px;
}
.btn_ddd {
    margin-left: 5px;
    margin-right: 0px;
    padding: 5px 8px !important;
    margin-top: 5px;
}
.tourtype12 {
    padding-left: 80px !important;
}

}
.view_allt{
    width: auto;
}

@media only screen and (min-width : 321px) and (max-width : 480px) {
.inukk {
    margin-bottom: 8px;
    width: 260px;
    height: 100px !important;
    max-height: 110px !important;
    overflow-y: scroll;
}
.traffictxt_details{
	width:400px;
}

#edit_desc{
	margin-left:65px;
}
.btn_ddd {
    margin-left: 5px;
    margin-right: 0px;
    padding: 5px 8px !important;
    margin-top: 5px;
}
.tourtype12 {
    padding-left: 80px !important;
}
}

#from {

	margin: 0px auto;
	width:auto;
}
#to {

	margin: 0px auto;
	width:auto;
}
#header-navbar .nav > li > a > span.count {
    background: none repeat scroll 0 0 #e84e40;
    border-radius: 50%;
    background-clip: padding-box;
    color: #fff;
    display: block;
    font-size: 10px;
    height: 20px;
    line-height: 17px;
    position: absolute;
    right: 6px;
    text-align: center;
    top: 8px;
    width: 20px;
    border: 1px solid #fff;
}
.theme-whbl #header-navbar .nav > li > a:hover, .theme-whbl #header-navbar .nav > li > a:focus, .theme-whbl #header-navbar .nav .open > a, .theme-whbl #header-navbar .nav .open > a:hover, .theme-whbl #header-navbar .nav .open > a:focus, .theme-whbl .navbar-toggle:hover, .theme-whbl .navbar-toggle:focus, .theme-whbl .mobile-search.active > .btn {
    background-color: #cc0404;
    border: 1px solid #fff;
}
.theme-whbl .panel-default > .panel-heading, .theme-whbl .notifications-list .item-footer {
    background-color: #cc0404;
}
.theme-whbl .panel-default > .panel-heading, .theme-whbl .notifications-list .item-footer:hover , .theme-whbl .notifications-list .item-footer:focus {
    background-color: #cc0404;
}

.tickstat{
    background-color: #cc0404;
    padding: 10px;
    border-radius: 4px;
    color: #fff;
    margin-bottom: 20px;
}


.backrownew{
    background: lavenderblush;
}
.backrowupdate{
    background: aliceblue;
}
.backrowupdate .labupdate{
    font-size: 11px;
}
.backrownew .labnew{
    font-size: 11px;
}
.shorspan {
    font-size: 20px !important;
    margin-bottom: 3px;
}
.bacgron.colored i {
    font-size: 3.6em;
    margin-left: 7px;
    color: #fff;
}
a:hover{
    text-decoration:none !important;
}
.theme-whbl #header-navbar {
    background-color: #cc0404 !important;
    border-bottom: 2px solid #cc0404 !important;
}