@viewport{
    width:device-width;
    initial-scale:1;
}
/*=======================================================> Common */
*{    
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}
.float{float:left !important;}
.floatr{float:right !important;}
.align{text-align:left !important;}
.alignr{text-align:right !important;}
.margin-0{margin:0px auto;}
.margin-lr0{margin-left:0px;margin-right:0px;}
.margin-tb0{margin-top:0px;margin-bottom:0px;}
.margin-5{margin:5px;}
.margin-10{margin:10px;}
.margin-15{margin:15px;}
.margin-20{margin:20px;}
.margin-5-10{margin:5px 10px;}
.margin-10-5{margin:10px 5px;}
.margin-20-10{margin:20px 10px;}
.margin-10-20{margin:10px 20px;}
.padding-0{padding:0px;}
.padding-lr0{padding-left:0px;padding-right:0px;}
.padding-tb0{padding-top:0px;padding-bottom:0px;}
.padding-5{padding:5px;}
.padding-10{padding:10px;}
.padding-15{padding:15px;}
.padding-20{padding:20px;}
.padding-5-10{padding:5px 10px;}
.padding-10-5{padding:10px 5px;}
.padding-20-10{padding:20px 10px;}
.padding-10-20{padding:10px 20px;}
.height-5{height:5px;}
.height-10{height:10px;}
.height-15{height:15px;}
.height-20{height:20px;}
.clear{clear:both;height:0px;}
.clear-after{}
.clear-before{}
/*=======================================================> Main Sections*/
html,body{
    position:relative;
    direction:ltr;
    margin:0;
    padding:0;
    /*width:100%; we cannot put it or an scroll will appear*/
    /*height:100%;*/
}
body{
    font-family: Tahoma, Arial ,sans-serif;
    font-size:14px;
    color:#333333;
    line-height:1;
    background:#fff;
}
body.body_with_menu{
    margin-top:51px;
    margin-left: 225px;
}
@media(max-width:767px) {
    body.body_with_menu{
        margin-top:101px;
        margin-left:0px;
    }
}
div, img, a{
    margin:0;
    padding:0;
}
a{
    text-decoration:none;
    border:none;
    outline:none;
}
a:hover{
    text-decoration:none;
}
#wrapper{
    width:100%;
}
#main{
    position:relative;
    width:100%;
}
#cms__loading, #cms__messaging{
    position:fixed;
    top:0px;
    bottom:0px;
    right:0px;
    left:0px;
    margin:0;
    padding:0;
    text-align:center;
    background:rgba(30,30,30,0.95);
    z-index:99999;
    display:none;
}
body.cms__body_loading, body.cms__body_messaging{
    max-height:100%;
    overflow:hidden;
}
body.cms__body_loading #cms__loading, body.cms__body_messaging #cms__messaging{
    display:block;
}
#cms__loading > div{
    position:relative;
    top:44%;
    color:#fff;
    /*font-size:72px;*/
}
#cms__popup_iframed, #cms__popup_ajax,#cms__popup_html, #cms__popup_html_content{display:none;}
#cms__popup_html_content{direction:ltr;}
/*.fancybox-toolbar{background: #5E4950;}*/
/*.fancybox-slide--iframe .fancybox-close-small{background:rgba(30,30,30,.6);}*/
/*.fancybox-close-small{border: 1px solid #fff;}*/
/*.fancybox-close-small:after{color:#f00 !important;}*/
.fancybox-close-small:after{box-shadow: 0px 0px 5px 5px #db1c1c;}
.fancybox-close-small:after{outline:none !important;}
.fancybox-slide > #cms__popup_html_content{text-align:initial;}
.fancybox-slide--iframe .fancybox-content {
    margin: 44px auto 10px;
    max-height: calc(100% - 54px);  /*54 above margin 44+10*/
}
#cms__messaging{
    padding:24px 12px 12px;
    overflow:auto;
}
#cms__messaging .alert, .cms__inline_messaging .alert{
    /*display: inline-block;*/  /*if multi messages they are aligned beside each other and not down each other*/
    max-width:96%;
    margin:10px auto;
    text-align:initial;
}
#cms__messaging hr.message_separator, .cms__inline_messaging hr.message_separator{
    clear: both;
    margin-top: 10px;
    margin-bottom: 12px;
    border: 0;
    height:1px;
    background-image: -webkit-linear-gradient(left,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.15),rgba(0, 0, 0, 0));
    background-image: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    background-image: -ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
    background-image: -o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.15),rgba(0,0,0,0));
}

.navbar-brand{
    padding:3px 10px;
}
.navbar-brand span{
    display:inline-block;
    color:#5EB5BA;
    font-size:20px;
}
.navbar-brand img{
    display:inline-block;
    padding:4px 2px;
    max-width:120px;
    max-height:100%;
}
.navbar-inverse .navbar-toggle{background: #333;border-color:#888;}
.navbar-inverse .navbar-toggle:hover{background:#555;}
.navbar-inverse .navbar-nav li.active > a, .navbar-inverse .navbar-nav li.active > a:focus, .navbar-inverse .navbar-nav li.active > a:hover {
    color: #fff;
    background-color: #080808;
}
.top-nav {
    padding:0px 15px;
}
.top-nav>li {
    display: inline-block;
}
.top-nav>li>a {
    padding: 15px 12px;
    line-height: 20px;
    color: #999;
}
.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: #000;
}
.top-nav > .open > .dropdown-menu{
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}
.top-nav > .open > .dropdown-menu > li > a {
    white-space: normal;
}
.form-group {
    margin-bottom: 2px;
}
ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}
li.message-preview {
    width: 275px;
    max-width: 100%;
    border-bottom: 1px solid rgba(0,0,0,.15);
}
li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}
li.message-footer {
    margin: 5px 0;
}
ul.alert-dropdown {
    width: 200px;
    max-width: 100%;
}
@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 51px;
        left: 0px;
        width: 225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #333;
        bottom: 0;
        overflow-x: hidden;
        /*padding-bottom: 40px;*/
    }
    .side-nav > li, .side-nav > li > a {
        width: 100%;
    }
    .navbar-inverse .navbar-nav > li > a {
        padding-top: 12px;
        padding-bottom: 12px;
        color:#ccc;
    }
    .side-nav li a:hover, .side-nav li a:focus {
        background-color: #000 !important;
    }
}
.side-nav li{
    border-bottom: 1px solid #555;
}
.side-nav > li > ul {
    padding: 0;
}
.side-nav > li > ul > li > a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}
.side-nav > li > ul > li > a:hover {
    color: #fff;
}
.round_inputs_group{
    margin-bottom:8px;
    padding:5px 8px;
    border-radius:6px;
    width:100%;
    display:inline-block;
}
.rounded_color, .page-title{
    padding:5px 8px;
    border-radius:6px;
    border: 1px solid #eee;
    background-color: #f5f5f5;
    color: #777;
    text-align:center;
}
.page-title{
    margin:0px 0px 15px;
    /*padding: 8px 15px;*/
}
.form_buttons_container{
    margin: 10px auto;
    text-align:center;
}
.cms__search_criteria_container span{
    color:#aaa;
}
.cms__search_criteria_container span.cms__search_criteria_arrow{
    color:#444;
}
.cms__search_criteria_container span.cms__search_criteria_view{
    /*font-weight:bold;*/
    padding:0px 2px;
    color:#f00;
}
.select2-dropdown{
    z-index: 99999;  /*we overwrite it by a value above 99993 since this value is in fancybox html popup to be in top in case of select2 inside html fancybox popup*/
}
.select2-container--default .select2-selection--single, .select2-container--default .select2-selection--multiple{border-color: #ccc;}
.select2-container--default.select2-container--focus .select2-selection--single, .select2-container--default.select2-container--focus .select2-selection--multiple{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.has-error .mce-tinymce.mce-container.mce-panel, .has-error .select2-container--default .select2-selection--single, .has-error .select2-container--default .select2-selection--multiple{
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
}
.has-error .help-block{
    display:inline-block;
    margin: 2px 0px 5px;
    padding:2px 5px;
    border-radius: 4px;
    font-size: 11px;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.has-error .help-block ul{margin-bottom: 0px;list-style:disc inside;}
.select2-container .select2-selection.select2-selection--single{height:34px;}
.select2-container .select2-selection--single .select2-selection__rendered{line-height:34px;}
.select2-container--default .select2-search--inline .select2-search__field{height: 26px;}
/*.select2.select2-container{width:100%;}*/
.input-group .select2-container--default:last-child .select2-selection--single, .input-group .select2-container--default:last-child .select2-selection--multiple{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group .select2-container--default:first-child .select2-selection--single, .input-group .select2-container--default:first-child .select2-selection--multiple{
    border-bottom-right-radius:0px;
    border-top-right-radius:0px;
}
.tooltip-inner {
    white-space:pre-line;
    word-break:break-all;
    min-width: 100px;
    max-width: 100%;    /*since by default it is fixed to specific max. width*/}
.cms__file_preview_container.file-preview{position:relative;}
.file-drop-zone{height:auto;}
.file-drop-zone-title{padding:40px 10px;}
.cms__file_preview_row.file-preview-frame{
    min-width:100px;
    max-width:160px;
    display:block;
}
.cms__file_preview_row .kv-file-content{
    overflow: hidden;
    max-width:100%;
    height:80px !important;
}
.cms__file_preview_row .file-preview-image{
    width:auto !important;
    height:auto !important;
    max-height:100%;
    max-width:100%;
}
.krajee-default.file-preview-frame .file-thumbnail-footer{
    height: auto;
    padding-bottom: 18px;
}
.cms__file_preview_row .file-footer-caption{
    display:none;   /*if want to hide file name & size*/
    width:auto;
    max-width:100%;    
}
#kvFileinputModal .modal-title .kv-zoom-title{display:none;}    /*when open view hide file name & size*/
/*=======================================================> Data Table*/
div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_paginate{text-align: inherit;}
/*=======================================================>  */



/*==========================  ==========================*/