@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,select,input,option,textarea{margin: 0; padding: 0; border: 0;	outline: 0; font-size: 100%;/* list-style:none;*/ box-sizing:border-box;}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}
audio,canvas,video{display:inline-block;}
audio:not([controls]){display:none; height:0;}
pre{white-space:pre; white-space:pre-wrap; word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:''; content:none}
small{font-size:80%}
sub,sup{font-size:75%; line-height:0; position:relative; vertical-align:baseline}
sup{top:-0.5em;}
sub{bottom:-0.25em}
nav ul,nav ol{list-style:none; list-style-image:none;}
button,input,select,textarea{font-size:100%; margin:0; vertical-align:baseline;}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
button,html input[type="button"],input[type="reset"],input[type="submit"],textarea{-webkit-appearance:none; }
/* remember to define focus styles! */
:focus {outline: 0;}
ol, ul {/*list-style: none;*/}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
a{text-decoration:none;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
table {	border:0 none; border-collapse:collapse; border-spacing:0;}
td { vertical-align:top; }
img	{ border:0 none; max-width:100%; }
a	{ outline:none; cursor:pointer; }
/* End hide from IE Mac */ .none { display: none; } /* End Clearfix */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {display:block}
.clear{ clear:both;}  
img{ max-width:100%;}
/* For modern browsers */ 
.cf:before, .cf:after {content: "";display: table}
.cf:after {clear: both;}
/* For IE 6/7 (trigger hasLayout) */
a,button,.btn{ outline: none !important; transition:all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; -ms-transition: all 0.5s ease-in-out 0s; -o-transition: all 0.5s ease-in-out 0s; -webkit-transition: all 0.5s ease-in-out 0s; text-decoration:none !important;}
body{font-size:14px;  -webkit-font-smoothing: antialiased; font-family: 'Open Sans', sans-serif; font-weight: 400; }

header {background: #304879;background: -moz-linear-gradient(top, #304879 0%, #4272b7 100%);background: -webkit-linear-gradient(top, #304879 0%,#4272b7 100%);background: linear-gradient(to bottom, #304879 0%,#4272b7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#304879', endColorstr='#4272b7',GradientType=0 );padding: 15px 10px;}
header .logo{ max-width: 220px;display: inline-block;}
.welcome_text{ float: right}
.welcome_text span{font-family: 'Open Sans', sans-serif;font-weight: 600;color: #ff0000;font-size: 14px;line-height: 50px;}
nav.main-menu{ border-bottom: #000 solid 1px; border-radius: 0}
.mid-section{ padding-bottom: 60px}
h2{font-family: 'Open Sans', sans-serif;font-weight: 700;color: #000;font-size: 20px;margin-top: 0;}
.form-frame h2{font-family: 'Open Sans', sans-serif;font-weight: 700;color: #000;font-size: 16px;margin-top: 0;}
.form-frame{ border:#bcbcbc solid 1px; padding: 10px;}
.network-form .form-group label{ text-align: left;padding-right: 10px;line-height: 34px;margin-bottom: 0; display: block}
.network-form .form-group .input-filed{ float: left; width: 100%;}

footer {background: #d0d0d0;padding: 10px;text-align: center; position: fixed; width: 100%; left: 0; bottom: 0; z-index: 2}
.copyright p {font-size: 14px;color: #7a7a7a;font-family: 'Open Sans', sans-serif; margin-bottom: 0}
.copyright a{ color: #7a7a7a;}
.copyright a:hover{ color: #000;}

.buttons{ margin-top: 20px;}
.submit-btn{ background-image: url(../images/add-white.png)!important; background-repeat: no-repeat; background-position: 20px center;background-size: 13px;}
.submit-btn1{ background-image: url(../images/right-arrow-white.png)!important; background-repeat: no-repeat; background-position: 20px center;background-size: 13px;}
.edit-btn{ background-image: url(../images/edit-white.png)!important; background-repeat: no-repeat; background-position: 20px center;background-size: 13px;}
.reser-button{ background-image: url(../images/reset-white.png)!important; background-repeat: no-repeat; background-position: 20px center;background-size: 13px;}
.search-btn{ background-image: url(../images/search-white.png)!important; background-repeat: no-repeat; background-position: 20px center;background-size: 13px;}
.submit-btn:hover, .submit-btn:focus{ background-image: url(../images/add.png)!important;}
.submit-btn1:hover{ background-image: url(../images/right-arrow.png)!important;}
.edit-btn:hover, .edit-btn:hover{ background-image: url(../images/edit.png)!important; }
.reser-button:hover{ background-image: url(../images/reset.png)!important; }
.search-btn:hover, .search-btn:focus { background-image: url(../images/search.png)!important; }
.buttons .btn{margin-right: 10px}
.buttons .btn:last-child{margin-right: 0}

.btn{ padding: 6px 20px 6px 38px;  color: #fff;font-size: 14px;color: #000; font-weight:700;font-family: 'Open Sans', sans-serif;}
.btn:hover{ background-color: #4272b7; color: #fff; border-color: transparent}

/* login-form */
.login-in{ width: 360px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); padding: 30px; border:rgba(204,204,204,0.6) solid 5px; }
.login-in label{ margin-bottom: 5px;}
.login-in h2{ margin-bottom: 20px; text-align: center; font-size: 24px;}
.login-btn {background-image: url(../images/lock-icon-white.png)!important; background-repeat: no-repeat; background-position: 20px center;background-size: 19px; padding-left: 46px; }
.login-btn:hover, .login-btn:focus{background-image: url(../images/lock-icon.png)!important; background-repeat: no-repeat; background-position: 20px center;background-size: 19px; padding-left: 46px;}

.welcome-text{ border:#ccc solid 1px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -ms-border-radius: 10px; padding: 10px; background: url(../images/small-business.jpg)no-repeat; position: relative; overflow: hidden; text-align: center; margin: 70px 0 ; padding: 70px  20px 20px;background-size: 100%;  background-position: center}
.welcome-text:after{content: ""; top:0; left: 0; position: absolute; background:rgba(256,256,256,0.85 ); width: 100%; height: 100%;}
.welcome_by h5{ font-size: 16px; line-height: 22px; font-family: 'Open Sans', sans-serif;font-weight: 400; color: #000; text-align: center; position: relative; z-index: 1}
.welcome-text figure{  position: relative;  z-index: 1; margin-bottom: 50px; width:auto; display:inline-box;}
.welcome_by h5{ display: inline-block} 
.welcome_page .welcome_by h5 span{ color: #304879; display: block; }
.welcome_page .welcome_by .img{width: 170px;display: inline-block;margin-left: 10px;margin-bottom: 0;width: 170px; display: inline-block; margin-left: 10px}
/*.list-form{max-width: 600px; margin: 0 auto; border:#ccc solid 1px; padding: 20px;}*/
.list-form{border:#ccc solid 1px; padding: 10px;}
.register-form .form-group label{ width: 100%; text-align: left}
.register-form .form-group .input-filed{ width: 100%}
/*.list-form h2{ text-align: center; margin-bottom: 30px}*/
.list-form h2{font-family: 'Open Sans', sans-serif;font-weight: 700;color: #000;font-size: 16px;margin-top: 0; }
.media_perform_form h2{font-family: 'Open Sans', sans-serif;font-weight: 700;color: #000;font-size: 16px;margin-top: 0; }
.btn-default{ background-color: #4272b7; color:#fff; border-color:#4272b7 }
.btn-default:hover{ background-color: transparent; color: #000;  border-color: #000}
.form-group{ margin-bottom: 5px}
.media_perform_form{border:#ccc solid 1px; padding: 10px; margin-bottom: 20px}

.performance_report .container-fluid{ padding-left: 0; padding-right: 0;}
.performance_report .date{ font-family: 'Open Sans', sans-serif;font-weight: 600;color: #000;font-size: 14px; margin-bottom: 20px}
.performance_report table th{font-family: 'Open Sans', sans-serif;font-weight: 700;color: #000;font-size: 14px; }
.performance_report table td{font-family: 'Open Sans', sans-serif;font-weight: 400;color: #000;font-size: 13px; }
.performance_report table th:nth-child(4), .performance_report table td:nth-child(4){width: 103px}
.performance_report table th:last-child, .performance_report table td:last-child{width: 83px; text-align: center}
.print-btn{ background-image: url(../images/print-white.png)!important; background-repeat: no-repeat; background-position: 20px center;background-size: 13px;}
.print-btn:hover, .print-btn:focus { background-image: url(../images/print.png)!important}
.print-button{ text-align: center}

.delete{background: url(../images/delete.png)no-repeat;height: 20px; width: 20px; background-size: 100%; display: inline-block;text-indent: -999px; overflow: hidden; font-size: 0;}
.fedit_btn{background: url(../images/edit.png)no-repeat;height: 20px; width: 20px; background-size: 100%; display: inline-block; text-indent: -999px; overflow: hidden; font-size: 0; margin-right: 5px}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}    
.logout{ text-transform: capitalize; border-left:#000 solid 1px; padding-left: 7px; margin-left: 5px;} 

.order-page-reprt .date{ font-family: 'Open Sans', sans-serif;font-weight: 600;color: #000;font-size: 14px; margin-bottom: 20px; display: block}
.order-page-reprt table th{font-family: 'Open Sans', sans-serif;font-weight: 700;color: #000;font-size: 14px; }
.order-page-reprt table td{font-family: 'Open Sans', sans-serif;font-weight: 400;color: #000;font-size: 13px; }
.order-page-reprt table th:last-child, .performance_report table td:last-child{width: 83px; text-align: center}
.order-page-reprt table th:first-child, .performance_report table td:first-child{width: 83px; }
.order-view{ background:url(../images/order-view-icon.png)no-repeat; height: 24px; width: 24px; display: inline-block}
.sorting, .sorting_asc{ background:url(../images/sortdown_arrow.png)no-repeat right center; background-size: 12px; }
.sorting_desc{ background:url(../images/sortup_arrow.png)no-repeat right center; background-size: 12px; }
.order-report-data{ margin-top: 20px;}
.order-report-data .dataTables_length{ display: inline-block;}
.order-report-data .dataTables_length label{ text-transform:capitalize}
.order-report-data .dataTables_length select{ border: #ddd solid 1px; border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -webkit-border-radius:3px; margin-left: 5px; margin-right: 5px; font-size: 12px; font-family: 'Open Sans', sans-serif;font-weight: 400; padding: 5px}
.order-report-data .dataTables_filter{ display: inline-block; float: right}
.order-report-data .dataTables_filter input[type="search"]{ border:1px solid #ddd; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -ms-border-radius: 3px; margin-left: 5px; padding: 5px; margin-bottom: 10px;font-family: 'Open Sans', sans-serif;font-weight: 400;color: #000;font-size: 12px; }    
.order-report-data table{ margin-top: 10px}

.title-bar h2{ display: inline-block; vertical-align: top}
.title-bar .submit-btn{ float: right}
.order-page-reprt table th{ font-size: 14px; font-weight: 600;font-family: 'Open Sans', sans-serif; font-size: 14px }
.dataTables_info{font-family: 'Open Sans', sans-serif;font-weight: 700;color: #000;font-size: 14px; }
/*.dataTables_paginate{ display: block; text-align: center; margin-bottom: 20px;}
.dataTables_paginate .paginate_button.previous{ background: url(../images/pagination-left-arrow.png)no-repeat;  background-position: center; font-size: 0; height: 24px; width: 24px; overflow: hidden;  text-indent: -999px; display: inline-block;vertical-align: middle}
.dataTables_paginate .paginate_button.next{ background: url(../images/pagination-right-arrow.png)no-repeat;  background-position: center; font-size: 0; height: 24px; width: 24px; overflow: hidden;  text-indent: -999px; vertical-align: middle; display: inline-block}
*/.dataTables_paginate .paginate_button{ padding: 5px; font-family: 'Open Sans', sans-serif;font-weight: 700;color: #000;font-size: 14px;}
.dataTables_paginate .paginate_button.current{ color: #ff0000}

.msg-success{    background-color: #8FBC8F; color: #fff !important;
    padding: 10px;
    text-align: left;
    margin: 10px;
    width: 98%;} 
.form-group label span{ color: #ff0000; margin-left: 5px;}
.form-group .input-filed span.error{  font-size: 12px; color: #ff0000; font-weight: 600}
.re_thanks, .order_thanks{background-color: #8FBC8F; color: #fff !important;
    padding: 10px;
    text-align: left;
    margin: 10px;
    width: 98%; display: none; clear: both}
.title-bar{ margin-bottom: 20px}