@import "bootstrap/bootstrap.min.css";
@import "bootstrap/bootstrap-responsive.min.css";
@import "bootstrap/bootstrap-fileupload.css";
@import "jquery/jquery-ui-1.9.1.custom.min.css";
@import "epiechart/jquery.easy-pie-chart.css";
@import "fullcalendar/fullcalendar.css";
@import "uniform/uniform.css";
@import "tagsinput/jquery.tagsinput.css";
@import "multiselect/multiselect.css";
@import "jbreadcrumb/BreadCrumb.css";
@import "validation/validationEngine.jquery.css";
@import "stepywizard/jquery.stepy.css";
@import "media/mediaelementplayer.min.css";
@import "../js/plugins/plupload/jquery.plupload.queue/css/jquery.plupload.queue.css";
@import "slidernav/slidernav.css";
@import "ibutton/jquery.ibutton.css";
@import "select/select.css";
@import "icons.css";
@import "styling.css";
@import "stylesheet.css";
@import "mystyles.css";
/* @import "shbrush/shCoreDefault.css"; */
/* @import "shbrush/shThemeDefault.css"; */
/* @import "pnotify/jquery.pnotify.default.css"; */
/* @import "fancybox/jquery.fancybox.css"; */
/* @import "mcustomscrollbar/mCustomScrollbar.css"; */
/* @import "cleditor/cleditor.css"; */
/* @import "filetree/jqueryFileTree.css"; */
/* @import "isotope/isotope.css"; */
/* @import "jnotes/jnotes.css"; */
/* @import "jcrop/jquery.Jcrop.css"; */

html { height: 100%; }
body { min-height: 100%; font-family: 'Helvetica Neue','Helvetica',Arial,sans-serif; font-size: 11px; position: relative; background: url('../img/backgrounds/bg_default.jpg') left top repeat;}

.float-right{
    float: right;
}
.float-left{
    float: left;
}
.text-right{
    text-align: right;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.confirmation-modal{
    height: auto !important;
}
/*~Smartphones (portrait and landscape)~*/
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
    .block, .block-fluid{ overflow: hidden; overflow-x: scroll; }
    .errorContainer{width: 319px; margin-top: 50px;}
        .errorContainer h1{font-size: 110px;}
        .errorContainer h2{font-size: 16px;}

    /* timeline */
    .timeline{background-position: 10px 10px;}
    .timeline .event{padding-left: 50px;}
    .timeline .event .icon{left: 2px;}
    .timeline .event .date{display: none;}
    .timeline .event .body .text.video{width: 140px !important; height: 80px !important;}
    .timeline .event .body .text.map{width: 140px !important; height: 100px !important;}
    /* eof timeline */

    .popup{position: static;}
    .popup.active .body{right: 10px; top: 45px;}
        .popup.active .body .arrow{display: none;}

    .toolbar-fluid .information .item .rates .title{font-size: 14px;}
}

/*~Smartphones (landscape)~*/
@media only screen and (min-width : 321px) {

}

/*~Smartphones (portrait)~*/
@media only screen and (max-width : 320px) {
    .errorContainer{width: 319px; margin-top: 50px;}
        .errorContainer h1{font-size: 110px;}
        .errorContainer h2{font-size: 16px;}

    /* timeline */
    .timeline{background-position: 10px 10px;}
    .timeline .event{padding-left: 50px;}
    .timeline .event .icon{left: 2px;}
    .timeline .event .date{display: none;}
    .timeline .event .body .text.video{width: 140px !important; height: 80px !important;}
    .timeline .event .body .text.map{width: 140px !important; height: 100px !important;}
    /* eof timeline */

    .popup{position: static;}
    .popup.active .body{right: 10px; top: 45px;}
        .popup.active .body .arrow{display: none;}

    .toolbar-fluid .information .item .rates .title{font-size: 14px;}
}

/*~Grid fix~*/
@media only screen and (max-width: 1000px) {
    .block, .block-fluid{
        overflow: hidden;
        overflow-x: auto;
        width:-webkit-fill-available;
        line-height: 1.5;
        font-size: 10px;
    }
    img.tip{
        height: 14px;
    }
}
/*~Bootstrap fix~*/
@media only screen and (max-width: 767px) {
    body{padding: 0px;}
    .block, .block-fluid{
        overflow: hidden;
        overflow-x: auto;
        width:-webkit-fill-available;
        line-height: 1.5;
        font-size: 10px;
    }
    .video{padding-top: 0;}
        .errorContainer{width: 319px; margin-top: 50px;}
        .errorContainer h1{font-size: 110px;}
        .errorContainer h2{font-size: 16px;}

    /* timeline */
    .timeline .event .body .text.video{width: 200px; height: 113px;}
    .timeline .event .body .text.map{width: 200px; height: 150px;}
    /* eof timeline */
    .toolbar .right{float: left; clear: both; margin-top: 5px; text-align: left !important; width: 100%;}
    .toolbar .left{width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* timeline */
    .timeline .event .body .text.video{width: 300px; height: 169px;}
    .timeline .event .body .text.map{width: 300px; height: 200px;}
    /* eof timeline */
}
/*~iPads (portrait and landscape)~*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

}

/*~ ~*/
@media only screen and (max-width : 1025px) {
    .fc-header-right{display: none;}
    .footer .left{display: none;}
}

/*~Desktops and laptops~*/
@media only screen and (min-width : 1025px) {
    /* timeline */
    .timeline .event .body .text.video{width: 400px; height: 225px;}
    .timeline .event .body .text.map{width: 400px; height: 300px;}
    /* eof timeline */
}