/* ----- General CSS ----- */

html, body { width: 100%; height: 100%; }

body { font-family: 'RobotoRegular', sans-serif; font-weight: 400; font-size: 14px; line-height: 20px; color: #000000; overflow-x: hidden; }

a, a:hover, a:active, a:focus { color: #000000; text-decoration: none; outline: none !important; }

input, select, textarea, input:focus, select:focus, textarea:focus { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; box-shadow: none !important; -webkit-box-shadow: none !important; border: 1px solid #CCCCCC; }

:focus { outline-color: transparent; outline-style: none; box-shadow: none !important; -webkit-box-shadow: none !important; }

.form-control { border-color: #CCCCCC; border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; color: #000000; max-width:300px;}

.form-control:focus { border-color: #CCCCCC; }

input[type=file] { border: 0px; padding: 0px; }



.vspace5 { height: 5px; display: block; }

.vspace10 { height: 10px; display: block; }



.btn { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; box-shadow: none !important; -webkit-box-shadow: none !important; }

.btn:hover, .btn:active, .btn:focus { outline-color: transparent; outline-style: none; box-shadow: none !important; -webkit-box-shadow: none !important; }

.btn-grey { background-color: #EEEEEE; color: #000000; border: 1px solid #EEEEEE; }

.btn-grey:hover, .btn-grey:active, .btn-grey:focus { color: #000000; }

.btn-green { background-color: #5CB85C; color: #FFFFFF; border: 1px solid #5CB85C; }
.btn-red { background-color:#F00; color: #FFFFFF; border: 1px solid #F00;}

.btn-green:hover, .btn-green:active, .btn-green:focus,.btn-red:hover, .btn-red:active, .btn-red:focus { color: #FFFFFF; }

.btn-blue { background-color: #4486F9; color: #FFFFFF; border: 1px solid #4486F9; }

.btn-blue:hover, .btn-blue:active, .btn-blue:focus { color: #FFFFFF; }



.width50 { width: 50% !important; }

.width60 { width: 60% !important; }

.width70 { width: 70% !important; }

.width80 { width: 80% !important; }

.width90 { width: 90% !important; }

.width100 { width: 100% !important; }



.color_white { color: #FFFFFF !important; }

.color_required { color: #D9534F !important; }



.breadcrumb { background: none; margin-bottom: 0px; padding-left: 0px; }

.heading { font-size: 26px; line-height: 34px; }
.heading span.sub{ font-size: 14px; line-height: 34px; float:right;}



/* ----- Listing Pages ----- */

.option-table { width: 100%; margin: 10px 0px; }



.data-table { width: 100%; }

.data-table td, .data-table th { padding: 5px; border: 1px solid #EEEEEE; }

.data-table th { font-weight: bold; }

.action-btn { font-size: 16px; }

.data-table tbody tr:hover { background: rgba(244,247,252,0.2); }



.pagination { margin: 0px; }

.pagination li a { color: #999999; background-color: #FFFFFF; border-color: #EEEEEE; }

.pagination li.active a { color: #000000; background-color: #EEEEEE; border-color: #EEEEEE; }

.pagination li a:hover, .pagination li a:focus, .pagination li a:active { color: #000000; background-color: #EEEEEE; border-color: #EEEEEE; }

.pagination li.active a:hover, .pagination li.active a:focus, .pagination li.active a:active { color: #000000; background-color: #EEEEEE; border-color: #EEEEEE; }

.pagination li:first-child a { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }

.pagination li:last-child a { border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; }

.per_page { margin-right: 10px; }



/* ----- Add/Edit Pages ----- */

.data-view-table, .data-view-table1 { width: 100%; border: 1px solid #EEEEEE; }

.data-view-table1 { max-width: 400px; margin-bottom: 10px; border: 1px solid #CCCCCC; }

.data-view-table td, .data-view-table1 td { padding: 5px; line-height: 30px; }



.form-control.custom { max-width: 400px; }

.form-control.custom1 { width: 100%; }



.preview_image { margin-top: 5px; width: 100px; height: 100px; }

.preview_image img { max-width: 100px; max-height: 100px; }

img.listing_image { max-width: 100px; max-height: 100px; }

.listing_small { font-size: 11px; color: #999999; }



.checkbox { line-height: 22px; }

.checkbox input[type=checkbox] { margin-left: 0px; }

.categories_selector { width: auto; height: 250px; overflow-y: auto; max-width: 400px; background-color: rgba(235,235,235,0.1); }



.access_table td, .access_table th { padding: 5px; border: 1px solid #EEEEEE; }



.user-login { font-size: 200px;  }

.delete_doc, .delete_contact { color: #BE1522; }

.permanenet_doc { opacity: 0.3 !important; filter: alpha(opacity=30) !important; }



.notes { width: 100%; max-width: 400px; margin-top: 5px; }

.notes td { border: 1px solid #EEEEEE; }



/* ----- Document Viewer ----- */

.doc_viewer { border: 1px solid #CCCCCC; }

.doc_directories { border-right: 1px solid #CCCCCC; overflow: hidden; overflow-y: scroll; max-height:700px; display:block; width:200px;}

.doc_preview { height: 500px; overflow-y: auto; border-right: 1px solid #CCCCCC; }

.doc_edit { height: 700px; overflow-y: auto; }



.doc_directories ul { margin: 0px; padding: 5px; list-style-type: none; }

.doc_directories li { line-height: 22px; }

.doc_directories li ul { margin-left: 25px; padding: 5px; list-style-type: none; }

.doc_directories li.selected { background-color: #EEEEEE; }



.doc_preview div { width: 100%; height: 100%; }

.doc_edit iframe { border: 0px; }



/* ----- Browser ----- */

.custom_browser { position: fixed; top: 0px; bottom: 0px; left: 0px; right: 0px; z-index: 99995; background: rgba(0,0,0,0.5); display: none; }

.browser_container { position: relative; width: 1000px; height: 600px; top: 30px; margin: 0px auto; background-color: #FFFFFF; -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.70); -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.70); box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.70); }

.browser_header { color: #FFFFFF; width: 100%; height: 40px; background-color: #BE1522; font-size: 18px; line-height: 38px; margin-bottom: 5px; }

.browser_heading { margin-left: 5px; }

.browser_close, .browser_sec_close { margin-right: 5px; cursor: pointer; }

.browser_footer { width: 100%; height: 40px; margin-top: 5px; }

.browser_ok { margin-right: 5px; }

.browser_footer_btn { width: 100px; text-align: center; }



.browser_data_area { width: 100%; height: 510px; overflow-y: auto; }



/* ----- Theme Extend ----- */

.dropdown img { border-radius: 50%;

    -webkit-border-radius:50%;

    -moz-border-radius:50%; }

.prof_pic { margin-left: -20px; margin-top: -20px; }

.calendar-view { margin-right: 10px; }

.dashboard-menu { font-size: 12px; line-height: 24px; }

.dashboard-div-wrapper { height: 100px; margin-bottom: 10px; padding: 10px; }

.dashboard-div-icon {

    height: 50px;

    width: 50px;

    border: 2px solid #fff;

    padding: 10px;

    border-radius: 50%;

    -webkit-border-radius:50%;

    -moz-border-radius:50%;

    font-size: 24px;

    margin-bottom: 10px;

    color: #fff;

}

.login-logo { margin-top: 50px; }

.navbar { background-color: #FFFFFF; }

.navbar-brand { margin-top: 10px; }

.user-settings-wrapper .nav > li > a { background-color: #BE1522; }

.user-settings-wrapper .nav > li > a:hover,.user-settings-wrapper .nav > li > a:focus {

        text-decoration: none;

        background-color: #BE1522!important;

    }

.menu-top-active {

    background-color: #BE1522;

}



.menu-section .nav > li > a:hover,.menu-section .nav > li > a:focus {

    background-color: #BE1522!important;

}



.menu-section .dropdown-menu > li > a:hover,.menu-section .dropdown-menu > li > a:focus {

    background-color: #BE1522!important;

}

.content-wrapper { margin-top: 5px; padding-bottom: 15px; }

.page-head-line { color: #BE1522; border-bottom: 2px solid #BE1522; }

.navbar-header { height: 80px; }

a.navbar-brand { font-size: 30px; line-height: 80px; }

.navbar-brand { padding-top: 0px; }

.left-div { margin-top: 0px; margin-bottom: 10px; padding-left: 0px; }

.user-settings-wrapper .dropdown-settings { width: 220px; margin-left: -160px !important }

.user-avtar { color: #BE1522; font-size: 40px; }

footer { height: 80px; line-height: 70px; background: url("../img//home_developer_footer.jpg") !important; }

footer {

    background-position: center top;

    background-repeat: no-repeat;

}

footer i { font-size: 16px !important; }



.modules_tab { width: 100%; height: 40px; margin-bottom: 5px; }

.modules_tab ul { margin: 0px; padding: 0px; list-style-type: none; }

.modules_tab ul li { float: left; min-width: 130px; text-align: center; line-height: 30px; margin-right: 5px; padding: 0px 10px; border-bottom: 2px solid #EEEEEE; cursor: pointer; }

.modules_tab ul li.selected { background: #BE1522; color: #FFFFFF; }
.modules_tab ul li:hover { background: #F7D2D8; color: #FFFFFF; }
.modules_tab ul li.selected a{ color: #FFFFFF; }



/* ----- Calendar ----- */

.cal-container { margin-top: 10px; }

.cal-table { width: 100%; }

.cal-table td { padding: 5px; line-height: 30px; }

.cal-table.days { border: 1px solid #EEEEEE; }

.cal-table.days td { text-align: center; cursor: pointer; }

.cal-table.days td.bold { font-weight: bold; }

.calendar-control { float: left; width: 30%; margin-right: 10px; }

.cal-table.events { border: 1px solid #EEEEEE; }

#event-heading { line-height: 52px; }

.event-list-container { width: 100%; height: 250px; overflow-y: auto; overflow-x: hidden; }

.have-events { font-size: 11px; line-height: 20px; width: 20px !importnant; height: 20px !important; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; color: #FFFFFF; background-color: #BE1522; }



/* ----- Plugin CSS Overwrite ----- */

.formError { z-index: 990; }

.formError .formErrorContent { z-index: 991; }

.formError .formErrorArrow { z-index: 996; }

.ui-dialog .formError { z-index: 5000; }

.ui-dialog .formError .formErrorContent { z-index: 5001; }

.ui-dialog .formError .formErrorArrow { z-index: 5006; }

.inputContainer { position: relative; float: left; }

.formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; }

.formError.inline { position: relative; top: 0; left: 0; display: inline-block; }

.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; }

.formError .formErrorContent { width: 100%; background: #cc2827; position:relative; color: #fff; min-width: 120px; font-size: 11px; border: 1px solid #931d1c; padding: 1px 5px 1px 5px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; line-height: 16px; }

.formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }

.greenPopup .formErrorContent { background: #33be40; }

.blackPopup .formErrorContent { background: #393939; color: #FFF; }

.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position: relative; }

body[dir='rtl'] .formError .formErrorArrow,

body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; }

.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0px 0 0 12px; top:2px; }

.formError .formErrorArrow div { border-left: 1px solid #931d1c; border-right: 1px solid #931d1c; font-size: 0px; height: 1px; background: #cc2827; margin: 0 auto; line-height: 0; font-size: 0; display: block; }

.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }

.greenPopup .formErrorArrow div { background: #cc2827; }

.blackPopup .formErrorArrow div { background: #cc2827; color: #FFF; }

.formError .formErrorArrow .line10 { width: 15px; border: none; }

.formError .formErrorArrow .line9 { width: 13px; border: none; }

.formError .formErrorArrow .line8 { width: 11px; }

.formError .formErrorArrow .line7 { width: 9px; }

.formError .formErrorArrow .line6 { width: 7px; }

.formError .formErrorArrow .line5 { width: 5px; }

.formError .formErrorArrow .line4 { width: 3px; }

.formError .formErrorArrow .line3 { width: 1px; }

.formError .formErrorArrow .line2 { width: 1px; border: none; }

.formError .formErrorArrow .line1 { display: none; }

.formError .formErrorContent,

.formError .formErrorArrow div { box-shadow: none; -webkit-box-shadow: none; }

.search_bar, .search_bar:focus { border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border: 1px solid #06F; height:34px; width:300px; margin-right:10px; padding:3px 6px; color:#666;}
.btn-green-round { background-color: #5CB85C; color: #FFFFFF; border: 1px solid #5CB85C;border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;border: 1px solid #5CB85C; margin-top:10px;}

.txt_order {width:50px;text-align:center;}