/* Template Name: Flat Lab Dashboard build with Bootstrap v3.0.2 Template Version: 1.3.2 Author: Mosaddek Hossain Website: http://thevectorlab.net/ */ /* Import fonts */ @import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic); body { color: #303030; background: #f1f2f7; font-family: 'Open Sans', sans-serif; padding: 0px !important; margin: 0px !important; font-size: 14px; } .mt-50{ margin-top: 50px; } .panel-heading { font-weight: bold; } table>thead>tr>th{ background: #ff8306 !important; color: white !important; } ul li { list-style: none; } a, a:hover, a:focus { text-decoration: none; outline: none; } ::selection { background: #ff5722; color: #fff; } ::-moz-selection { background: #ff5722; color: #fff; } #container { width: 100%; height: 100%; } /*login page*/ .login-body { background-color: #f1f2f7; } .form-signin { max-width: 330px; margin: 100px auto 0; background: #fff; border-radius: 5px; -webkit-border-radius: 5px; } .form-signin h2.form-signin-heading { margin: 0; padding: 20px 15px; text-align: center; background: #41cac0; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; color: #fff; font-size: 18px; text-transform: uppercase; font-weight: 300; font-family: 'Open Sans', sans-serif; } .form-signin .checkbox { margin-bottom: 14px; } .form-signin .checkbox { font-weight: normal; color: #b6b6b6; font-weight: 300; font-family: 'Open Sans', sans-serif; } .form-signin .form-control { position: relative; font-size: 16px; height: auto; padding: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .form-signin .form-control:focus { z-index: 2; } .form-signin input[type="text"], .form-signin input[type="password"] { margin-bottom: 15px; border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #eaeaea; box-shadow: none; font-size: 14px; } .form-signin .btn-login { background: #f67a6e; color: #fff; text-transform: uppercase; font-weight: 300; font-family: 'Open Sans', sans-serif; box-shadow: 0 4px #e56b60; margin-bottom: 20px; } .form-signin p { text-align: center; color: #b6b6b6; font-size: 16px; font-weight: 300; } .form-signin a { color: #41cac0; } .form-signin a:hover { color: #b6b6b6; } .login-wrap { padding: 20px; } .login-social-link { display: inline-block; margin-top: 20px; margin-bottom: 15px; } .login-social-link a { color: #fff; padding: 15px 28px; border-radius: 4px; } .login-social-link a:hover { color: #fff; } .login-social-link a i { font-size: 20px; padding-right: 10px; } .login-social-link a.facebook { background: #5193ea; margin-right: 22px; box-shadow: 0 4px #2775e2; float: left; } .login-social-link a.twitter { background: #44ccfe; box-shadow: 0 4px #2bb4e8; float: left; } /*sidebar navigation */ #sidebar { width: 15%; height: 100%; position: fixed; background: #222222; } /* #sidebar { display: none; } .sidebar-close #sidebar { height: auto; overflow-y: auto; position: absolute; width: 100%; z-index: 1001; display: block; }*/ #sidebar ul li { position: relative; } #sidebar .sub-menu > .sub li { padding-left: 32px; } #sidebar .sub-menu > .sub li:last-child { padding-bottom: 10px; } /*LEFT NAVIGATION ICON*/ .dcjq-icon { height: 17px; width: 17px; display: inline-block; background: url(../img/nav-expand.png) no-repeat top; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; position: absolute; right: 10px; top: 15px; } .active .dcjq-icon { background: url(../img/nav-expand.png) no-repeat bottom; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /*---*/ .nav-collapse.collapse { display: inline; } ul.sidebar-menu, ul.sidebar-menu li ul.sub { margin: -2px 0 0; padding: 0; } ul.sidebar-menu { margin-top: 75px; } #sidebar > ul > li > ul.sub { display: none; } #sidebar > ul > li.active > ul.sub, #sidebar > ul > li > ul.sub > li > a { display: block; } ul.sidebar-menu li ul.sub li { background: #444444; margin-bottom: 0; margin-left: 0; margin-right: 0; } ul.sidebar-menu li ul.sub li:last-child { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } ul.sidebar-menu li ul.sub li a { font-size: 13px; font-weight: 600; padding: 6px 0; line-height: 20px; word-break: break-word; min-height: 40px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; color: #aeb2b7; } ul.sidebar-menu li ul.sub li a:hover, ul.sidebar-menu li ul.sub li.active a { color: #ff5722; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; display: block; } ul.sidebar-menu li { /*line-height: 20px !important;*/ margin-bottom: 5px; margin-left: 10px; margin-right: 10px; } ul.sidebar-menu li.sub-menu { line-height: 15px; } ul.sidebar-menu li a span { display: inline-block; font-size: 14px; font-weight: 600; } ul.sidebar-menu li a { color: #aeb2b7; text-decoration: none; display: block; padding: 15px 0 15px 10px; font-size: 12px; outline: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } ul.sidebar-menu li a.active, ul.sidebar-menu li a:hover, ul.sidebar-menu li a:focus { background: #444444; color: #fff; display: block; border-radius: 4px; -webkit-border-radius: 4px; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } ul.sidebar-menu li a i { font-size: 15px; padding-right: 6px; } ul.sidebar-menu li a:hover i, ul.sidebar-menu li a:focus i { color: #ff5722; } ul.sidebar-menu li a.active i { color: #ff5722; } .mail-info, .mail-info:hover { margin: -3px 6px 0 0; font-size: 11px; } /*main content*/ #main-content { width: 83%; margin-left: 15%; margin-bottom: 80px; } .header, .footer { min-height: 60px; padding: 0 15px; } .header { position: fixed; left: 0; right: 0; z-index: 1002; } .white-bg { background: #fff; border-bottom: 1px solid #f1f2f7; } .wrapper { display: inline-block; margin-top: 60px; padding: 15px; width: 100%; } .wrapper_other { display: inline-block; /*margin-top: 60px;*/ padding: 15px; width: 100%; } a.logo { font-size: 21px; color: #2e2e2e; float: left; text-transform: uppercase; } a.logo img{ max-width: 180px; } a.logo:hover, a.logo:focus { text-decoration: none; outline: none; } a.logo span { color: #ff5722; } /*notification*/ #top_menu .nav > li, ul.top-menu > li { float: left; } .notify-row { float: left; margin-top: 15px; margin-left: 92px; } .notify-row .notification span.label { display: inline-block; height: 18px; width: 20px; padding: 5px; } ul.top-menu > li > a { color: #666666; font-size: 16px; border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #f0f0f8 !important; padding: 2px 6px; margin-right: 15px; } ul.top-menu > li > a:hover, ul.top-menu > li > a:focus { border: 1px solid #f0f0f8 !important; background-color: #fff !important; border-color: #f0f0f8 !important; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; color: #2E2E2E !important; } .notify-row .badge { position: absolute; right: -10px; top: -10px; z-index: 100; } .dropdown-menu.extended { max-width: 300px !important; min-width: 160px !important; top: 42px; width: 235px !important; padding: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.176) !important; border: none !important; border-radius: 4px; -webkit-border-radius: 4px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* Safari and Chrome */ .dropdown-menu.extended { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.176) !important; } ; } .dropdown-menu.extended li p { background-color: #F1F2F7; color: #666666; margin: 0; padding: 10px; border-radius: 4px 4px 0px 0px; -webkit-border-radius: 4px 4px 0px 0px; } .dropdown-menu.extended li p.green { background-color: #a9d86e; color: #fff; } .dropdown-menu.extended li p.red { background-color: #ff5722; color: #fff; } .dropdown-menu.extended li p.yellow { background-color: #fcb322; color: #fff; } .dropdown-menu.extended li a { border-bottom: 1px solid #EBEBEB !important; font-size: 12px; list-style: none; } .dropdown-menu.extended li a { padding: 15px 10px !important; width: 100%; display: inline-block; } .dropdown-menu.extended li a:hover { background-color: #F7F8F9 !important; color: #2E2E2E; } .dropdown-menu.tasks-bar .task-info .desc { font-size: 13px; font-weight: normal; } .dropdown-menu.tasks-bar .task-info .percent { display: inline-block; float: right; font-size: 13px; font-weight: 600; padding-left: 10px; margin-top: -4px; } .dropdown-menu.extended .progress { margin-bottom: 0 !important; height: 10px; } .dropdown-menu.inbox li a .photo img { border-radius: 2px 2px 2px 2px; float: left; height: 40px; margin-right: 4px; width: 40px; } .dropdown-menu.inbox li a .subject { display: block; } .dropdown-menu.inbox li a .subject .from { font-size: 12px; font-weight: 600; } .dropdown-menu.inbox li a .subject .time { font-size: 11px; font-style: italic; font-weight: bold; position: absolute; right: 5px; } .dropdown-menu.inbox li a .message { display: block !important; font-size: 11px; } .top-nav { margin-top: 7px; } .top-nav ul.top-menu > li .dropdown-menu.logout { width: 268px !important; } .top-nav li.dropdown .dropdown-menu { float: right; right: 0; left: auto; } .dropdown-menu.extended.logout > li { float: left; text-align: center; width: 33.3%; } .dropdown-menu.extended.logout > li:last-child { float: left; text-align: center; width: 100%; background: #a9d96c; border-radius: 0 0 3px 3px; } .dropdown-menu.extended.logout > li:last-child > a, .dropdown-menu.extended.logout > li:last-child > a:hover { color: #fff; border-bottom: none !important; text-transform: uppercase; } .dropdown-menu.extended.logout > li:last-child > a:hover > i { color: #fff; } .dropdown-menu.extended.logout > li > a { color: #a4abbb; border-bottom: none !important; } .full-width .dropdown-menu.extended.logout > li > a:hover { background: none !important; color: #50c8ea !important; } .dropdown-menu.extended.logout > li > a:hover { background: none !important; } .dropdown-menu.extended.logout > li > a:hover i { color: #50c8ea; } .dropdown-menu.extended.logout > li > a i { font-size: 17px; } .dropdown-menu.extended.logout > li > a > i { display: block; } .top-nav .username { font-size: 13px; color: #555555; } .top-nav ul.top-menu > li > a { border: 1px solid #eeeeee; border-radius: 4px; -webkit-border-radius: 4px; padding: 6px; background: none; margin-right: 0; } .top-nav ul.top-menu > li { margin-left: 10px; } .top-nav ul.top-menu > li > a:hover, .top-nav ul.top-menu > li > a:focus { border: 1px solid #F1F2F7; background: #F1F2F7; } .top-nav .dropdown-menu.extended.logout { top: 50px; } .top-nav .nav .caret { border-bottom-color: #A4AABA; border-top-color: #A4AABA; } .top-nav ul.top-menu > li > a:hover .caret { border-bottom-color: #000; border-top-color: #000; } .log-arrow-up { background: url("../img/arrow-up.png") no-repeat; width: 20px; height: 11px; position: absolute; right: 20px; top: -10px; } /*----*/ .notify-arrow { border-style: solid; border-width: 0 9px 9px; height: 0; margin-top: 0; opacity: 0; position: absolute; left: 7px; top: -18px; transition: all 0.25s ease 0s; width: 0; z-index: 10; margin-top: 10px; opacity: 1; } .notify-arrow-yellow { border-color: transparent transparent #FCB322; border-bottom-color: #FCB322 !important; border-top-color: #FCB322 !important; } .notify-arrow-red { border-color: transparent transparent #ff5722; border-bottom-color: #ff5722 !important; border-top-color: #ff5722 !important; } .notify-arrow-green { border-color: transparent transparent #a9d86e; border-bottom-color: #a9d86e !important; border-top-color: #a9d86e !important; } /*search*/ .search { margin-top: 6px; width: 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; border: 1px solid #fff; box-shadow: none; background: url("../img/search-icon.jpg") no-repeat 10px 8px; padding: 0 5px 0 35px; color: #fff; } .search:focus { margin-top: 5px; width: 180px; border: 1px solid #eaeaea; box-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; color: #c8c8c8; font-weight: 300; } /*--sidebar toggle---*/ .sidebar-toggle-box { float: left; padding-right: 15px; margin-top: 20px; } .sidebar-toggle-box .fa-bars { cursor: pointer; display: inline-block; font-size: 20px; } .sidebar-closed > #sidebar > ul { display: none; } .sidebar-closed #main-content { margin-left: 0px; } .sidebar-closed #sidebar { margin-left: -180px; } /*state overview*/ .state-overview .symbol, .state-overview .value { display: inline-block; text-align: center; } .state-overview .value { float: right; } .state-overview .value h1, .state-overview .value p { margin: 0; padding: 0; color: #000; } .state-overview .value h1 { font-weight: 300; } .state-overview .symbol i { color: #ed5523; font-size: 50px; } .state-overview .symbol { width: 40%; padding: 25px 15px; -webkit-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; } .state-overview .value { width: 58%; padding-top: 21px; } .state-overview .terques { background: #222222; } .state-overview .red { background: #222222; } .state-overview .yellow { background: #222222; } .state-overview .blue { background: #222222; } /*main chart*/ .border-head h3 { border-bottom: 1px solid #c9cdd7; margin-top: 0; margin-bottom: 20px; padding-bottom: 5px; font-weight: normal; font-size: 18px; display: inline-block; width: 100%; font-weight: 300; } .custom-bar-chart { height: 350px; margin-top: 20px; margin-left: 10px; position: relative; border-bottom: 1px solid #c9cdd7; } .custom-bar-chart .bar { height: 100%; position: relative; width: 4.3%; margin: 0px 2%; float: left; text-align: center; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0x; border-radius: 5px 5px 0 0; z-index: 10; } .custom-bar-chart .bar .title { position: absolute; bottom: -30px; width: 100%; text-align: center; font-size: 12px; } .custom-bar-chart .bar .value { position: absolute; bottom: 0; background: #bfc2cd; color: #bfc2cd; width: 100%; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .custom-bar-chart .bar .value:hover { background: #5cb85c; color: #fff; } /*custom bar chart monthwise added by bhavin starts here */ .custom-bar-chart-month { height: 350px; margin-top: 20px; margin-left: 10px; position: relative; border-bottom: 1px solid #c9cdd7; } .custom-bar-chart-month .bar1 { height: 100%; position: relative; width: 4.3%; margin: 0px 2%; float: left; text-align: center; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0x; border-radius: 5px 5px 0 0; z-index: 10; } .custom-bar-chart-month .bar1 .title { position: absolute; bottom: -30px; width: 100%; text-align: center; font-size: 12px; } .custom-bar-chart-month .bar1 .value1 { position: absolute; bottom: 0; background: #bfc2cd; color: #bfc2cd; width: 100%; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .custom-bar-chart-month .bar1 .value1:hover { background: #337ab7; color: #fff; } /* bhavin ends here */ /*custom bar chart monthwise added by neel starts here */ .custom-bar-chart-payment { height: 350px; margin-top: 20px; margin-left: 10px; position: relative; border-bottom: 1px solid #c9cdd7; } .custom-bar-chart-payment .bar2 { height: 100%; position: relative; width: 4.3%; margin: 0px 2%; float: left; text-align: center; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0x; border-radius: 5px 5px 0 0; z-index: 10; } .custom-bar-chart-payment .bar2 .title { position: absolute; bottom: -30px; width: 100%; text-align: center; font-size: 12px; } .custom-bar-chart-payment .bar2 .value2 { position: absolute; bottom: 0; background: #bfc2cd; color: #bfc2cd; width: 100%; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .custom-bar-chart-payment .bar2 .value2:hover { background: #e8403f; color: #fff; } /* bhavin ends here */ .y-axis { color: #555555; position: absolute; text-align: right; width: 100%; } .y-axis li { border-top: 1px dashed #dbdce0; display: block; height: 58px; width: 100%; } .y-axis li:last-child { border-top: none; } .y-axis li span { display: block; margin: -10px 0 0 -25px; padding: 0 10px; width: 40px; } .y-axis { color: #555555; text-align: right; } /*spark line*/ .chart { display: inline-block; text-align: center; width: 100%; } .chart .heading { text-align: left; } .chart .heading span { display: block; } .panel.green-chart .chart-tittle { font-size: 28px; padding: 15px; display: inline-block; font-weight: normal; background: #222222; width: 100%; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } #barchart { margin-bottom: -15px; display: inline-block; } .chart-tittle .title { } .panel.green-chart .chart-tittle .value { float: right; color: #ffffff; } .panel.green-chart { background: #a9d96c; color: #fff; } .panel.terques-chart { background: #337ab7; color: #fff; } .panel.terques-chart .chart-tittle .value { float: right; color: #fff; } .panel.terques-chart .chart-tittle .value a { color: #fff; font-size: 12px; } .panel.terques-chart .chart-tittle .value a:hover, .panel.terques-chart .chart-tittle .value a.active { color: #55f2e7; font-size: 12px; } .panel.terques-chart .chart-tittle { font-size: 28px; padding: 15px; display: inline-block; font-weight: normal; background: #337ab7; width: 100%; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; } .inline-block { display: inline-block; } /**/ .panel-body.chart-texture { background: url("../img/chart-texture.jpg"); -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; } /*personal task*/ .task-thumb { width: 90px; float: left; } .task-thumb img { border-radius: 4px; -webkit-border-radius: 4px; } .task-thumb-details { display: inline-block; margin: 25px 0 0 10px; } .task-progress { float: left; } .task-thumb-details h1, .task-thumb-details h1 a, .task-progress h1, .task-progress h1 a { color: #39b5aa; font-size: 18px; margin: 0; padding: 0; font-weight: 400; } .task-thumb-details p, .task-progress p { padding-top: 5px; color: #a4aaba; } .personal-task tbody tr td { padding: 11px 15px; border-color: #eeeff1; } .personal-task tbody tr td i { font-size: 20px; color: #c7cbd4; } .personal-task.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th { background-color: #f7f8fc; } .personal-task.table-hover > tbody > tr:hover > td i { color: #39b5aa; } .personal-task > tbody > tr > td:last-child { text-align: right; } .task-option { float: right; } .task-option select { height: 35px; border: 1px solid #eaeaea; border-radius: 4px; -webkit-border-radius: 4px; padding: 8px; color: #a4abbb; } .progress-panel { padding-bottom: 5px; } /*badge*/ .badge.bg-primary { background: #8075c4; } .badge.bg-success { background: #a9d86e; } .badge.bg-warning { background: #FCB322; } .badge.bg-important { background: #ff5722; } .badge.bg-info { background: #41cac0; } .badge.bg-inverse { background: #2A3542; } /*timeline*/ .timeline { border-collapse: collapse; border-spacing: 0; display: table; position: relative; table-layout: fixed; width: 100%; } .timeline:before { background-color: #C7CBD6; bottom: 0px; content: ""; left: 50%; position: absolute; top: 0; width: 2px; z-index: 0; } h3.timeline-title { margin: 0; color: #C8CCD7; font-size: 20px; font-weight: 400; margin: 0 0 5px; text-transform: uppercase; } .t-info { color: #C8CCD7; } .timeline-item:before, .timeline-item.alt:after { content: ""; display: block; width: 50%; } .timeline-item { display: table-row; } .timeline-desk { display: table-cell; vertical-align: top; width: 50%; } .timeline-desk h1 { font-size: 16px; font-weight: 300; margin: 0 0 5px; } .timeline-desk .panel { display: block; margin-left: 25px; position: relative; text-align: left; background: #F4F4F4; } .timeline-item .timeline-desk .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; left: -7px; position: absolute; top: 13px; width: 0; } .timeline-item .timeline-desk .arrow { border-right: 8px solid #F4F4F4 !important; } .timeline-item.alt .timeline-desk .arrow-alt { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; right: -7px; position: absolute; top: 13px; width: 0; left: auto; } .timeline-item.alt .timeline-desk .arrow-alt { border-left: 8px solid #F4F4F4 !important; } .timeline .timeline-icon { left: -30px; position: absolute; top: 15px; } .timeline .timeline-icon { background: #C7CBD6; box-shadow: 0 0 0 3px #C7CBD6; } .timeline-desk span a { text-transform: uppercase; } .timeline-desk h1.red, .timeline-desk span a.red { color: #EF6F66; } .timeline-desk h1.green, .timeline-desk span a.green { color: #39B6AE; } .timeline-desk h1.blue, .timeline-desk span a.blue { color: #56C9F5; } .timeline-desk h1.purple, .timeline-desk span a.purple { color: #8074C6; } .timeline-desk h1.light-green, .timeline-desk span a.light-green { color: #A8D76F; } .timeline .timeline-icon.red { background: #EF6F66; box-shadow: 0 0 0 3px #EF6F66; } .timeline .timeline-icon.green { background: #39B6AE; box-shadow: 0 0 0 3px #39B6AE; } .timeline .timeline-icon.blue { background: #56C9F5; box-shadow: 0 0 0 3px #56C9F5; } .timeline .timeline-icon.purple { background: #8074C6; box-shadow: 0 0 0 3px #8074C6; } .timeline .timeline-icon.light-green { background: #A8D76F; box-shadow: 0 0 0 3px #A8D76F; } .timeline .timeline-icon { border: 3px solid #FFFFFF; border-radius: 50%; -webkit-border-radius: 50%; display: block; height: 12px; width: 12px; } .timeline-item.alt .timeline-icon { left: auto; right: -32px; } .timeline .time-icon:before { font-size: 16px; margin-top: 5px; } .timeline .timeline-date { left: -200px; position: absolute; text-align: right; top: 12px; width: 150px; } .timeline-desk h5 span { color: #999999; display: block; font-size: 12px; margin-bottom: 4px; } .timeline-item.alt:before { display: none; } .timeline-item:before, .timeline-item.alt:after { content: ""; display: block; width: 50%; } .timeline-desk p { font-size: 12px; margin-bottom: 0; } .timeline-desk a { color: #EF6F66; } .timeline-desk .panel { margin-bottom: 5px; } .timeline-desk .album { margin-top: 20px; } .timeline-desk .album a { margin-right: 5px; float: left; } .timeline-desk .notification { background: none repeat scroll 0 0 #FFFFFF; margin-top: 20px; padding: 8px; } .timeline-item.alt .panel { margin-left: 0; margin-right: 25px; } .timeline-item.alt .timeline-date { left: auto; right: -200px; text-align: left; } .mbot30 { margin-bottom: 30px; } /*---revenue----*/ .revenue-head { background: #ff5722; -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; color: #fff; line-height: 50px; } .revenue-head span { background: #e56155; padding: 16px; -webkit-border-radius: 4px 0px 0px 0px; border-radius: 4px 0px 0px 0px; } .revenue-head span i { font-size: 18px; } .revenue-head h3 { display: inline; padding: 0 10px; font-size: 16px; font-weight: 300; } .revenue-head span.rev-combo { background: #e56155; padding: 16px; line-height: normal; -webkit-border-radius: 0px 4px 0px 0px; border-radius: 0px 4px 0px 0px; } /*easy pie chart*/ .easy-pie-chart { display: inline-block; padding: 30px 0; } .chart-info, .chart-info .increase, .chart-info .decrease { display: inline-block; } .chart-info { width: 100%; margin-bottom: 5px; } .chart-position { margin-top: 70px; } .chart-info span { margin: 0 3px; } .chart-info .increase { background: #ff5722; width: 10px; height: 10px; } .chart-info .decrease { background: #f2f2f2; width: 10px; height: 10px; } .panel-footer.revenue-foot { background-color: #e6e7ec; -webkit-border-radius: 0px 0px 4px 4px; border-radius: 0px 0px 4px 4px; border: none; padding: 0; width: 100%; display: inline-block; } @media screen and (-webkit-min-device-pixel-ratio: 0) { /* Safari and Chrome */ .panel-footer.revenue-foot { margin-bottom: -4px; } ; } .panel-footer.revenue-foot ul { margin: 0; padding: 0; width: 100%; display: inline-flex; } .panel-footer.revenue-foot ul li { float: left; width: 33.33%; } .panel-footer.revenue-foot ul li.first a:hover, .panel-footer.revenue-foot ul li.first a { -webkit-border-radius: 0px 0px 0px 4px; border-radius: 0px 0px 0px 4px; } .panel-footer.revenue-foot ul li.last a:hover, .panel-footer.revenue-foot ul li.last a { -webkit-border-radius: 0px 0px 4px 0px; border-radius: 0px 0px 4px 0px; border-right: none; } .panel-footer.revenue-foot ul li a { display: inline-block; width: 100%; padding: 14px 15px; text-align: center; border-right: 1px solid #d5d8df; color: #797979; } .panel-footer.revenue-foot ul li a:hover, .panel-footer.revenue-foot ul li.active a { background: #fff; position: relative; } .panel-footer.revenue-foot ul li a i { color: #c6cad5; display: block; font-size: 16px; } .panel-footer.revenue-foot ul li a:hover i, .panel-footer.revenue-foot ul li.active a i { color: #ff5722; display: block; font-size: 16px; } /*flatlab carousel model*/ .flat-carousal { background: #39b7ac; -webkit-border-radius: 4px 4px 0px 0px; border-radius:5px; padding: 10px; color: #fff; position: relative; } .flat-carousal h1 { text-align: center; font-size: 16px; margin: 10px 20px; line-height: 20px; font-weight: 300; font-style: italic; } a.view-all { color: #ed5523; background: transparent !important; padding: 8px 15px; text-align: center; border-radius: 25px; -webkit-border-radius: 25px; margin-bottom: 0px; display: inline-block; text-transform: uppercase; font-weight: bold; font-size: 15px; } ul.ft-link { margin: 0; padding: 0; } ul.ft-link li { border-right: 1px solid #E6E7EC; display: inline-block; line-height: 30px; margin: 8px 0; text-align: center; width: 24%; } ul.ft-link li a { color: #74829c; text-transform: uppercase; font-size: 12px; } ul.ft-link li a:hover, ul.ft-link li.active a { color: #58c9f3; } ul.ft-link li:last-child { border-right: none; } ul.ft-link li a i { display: block; } #owl-demo .item img { display: block; width: 100%; height: auto; } .owl-buttons { position: absolute; top: 70px; width: 100%; } .owl-prev, .owl-next { position: absolute; } .owl-next { right: 0; } .owl-buttons .owl-prev { text-indent: -9999px; background: url("../img/left-arrow.png") no-repeat; width: 6px; height: 10px; display: inline-block; } .owl-buttons .owl-next { text-indent: -9999px; background: url("../img/right-arrow.png") no-repeat; width: 6px; height: 10px; display: inline-block; } /*product post*/ .post-wrap aside { display: table-cell; float: none; height: 100%; padding: 0; vertical-align: top; } .pro-box { border-collapse: collapse; border-spacing: 0; display: table; table-layout: fixed; width: 100%; } .post-info { position: relative; } .arrow-pro.right:after { border-left-color: #FFFFFF; border-right-width: 0; top: 85px; content: " "; } .arrow-pro.left:after { border-right-color: #FFFFFF; border-left-width: 0; top: 80px; content: " "; } .arrow-pro.left { left: -8px; } .arrow-pro:after { border-width: 7px; content: ""; } .arrow-pro, .arrow-pro:after { border-color: rgba(0, 0, 0, 0); border-style: solid; display: block; height: 0; position: absolute; width: 0; right: -5px; } .post-highlight.yellow { background: #f8d347; border-radius: 0px 4px 4px 0px; -webkit-border-radius: 0px 4px 4px 0px; } .post-highlight.terques { background: #41cac0; border-radius: 4px 0px 0px 04px; -webkit-border-radius: 4px 0px 0px 04px; } .post-info h1 { margin: 0; font-size: 18px; color: #a19899; font-weight: 300; } .post-highlight.terques h2 { font-size: 16px; color: #fff; font-style: italic; padding: 0 20px; line-height: 22px; margin: 0; font-weight: 300; } .post-highlight.terques h2 span, .post-highlight.terques h2 a { color: #92faf3; } .post-info h1 strong { text-transform: uppercase; color: #937b7b; } .post-info .desk { display: inline-block; } .post-info .desk h3 { font-size: 16px; } .post-info .desk.yellow h3 { color: #f8d347; } .post-btn { } .post-btn a { float: left; margin-right: 8px; font-size: 18px; color: #9a9a9a; } .post-btn a:hover { color: #727272; } .pro-thumb { text-align: center; display: inline-block; border-radius: 50%; -webkit-border-radius: 50%; border: 10px solid rgba(255, 255, 255, 0.4); } .pro-thumb img { text-align: center; width: 112px; height: 112px; border-radius: 50%; -webkit-border-radius: 50%; } .v-align { vertical-align: middle !important; } .twite h1 { margin: 50px 0; } .social-footer { display: inline; text-align: center; } .social-footer ul { text-align: center; margin: 0; padding: 0; } .social-footer ul li { display: inline-block; margin: 0 20px; } .social-footer ul li a { font-size: 23px; color: #ceced0; } .social-footer ul li a:hover i.fa-facebook, .social-footer ul li.active a i.fa-facebook { color: #486eac; } .social-footer ul li a:hover i.fa-twitter, .social-footer ul li.active a i.fa-twitter { color: #58c9f3; } .social-footer ul li a:hover i.fa-google-plus, .social-footer ul li.active a i.fa-google-plus { color: #4a4a4a; } .social-footer ul li a:hover i.fa-pinterest, .social-footer ul li.active a i.fa-pinterest { color: #d1282d; } /*pie chart */ .pie-foot { background: #6b6b6b; padding: 18px 15px; color: #fff; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; text-align: center; font-size: 16px; font-weight: 300; } /*follower*/ .follower { background: #01a89e; color: #fff; text-align: center; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } .follower-foot { padding: 8px 5px 5px 5px; color: #757575; border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; font-weight: 300; } .follower-foot ul { padding: 0; margin: 0; } .follower-foot ul li { display: inline-block; text-align: center; width: 48%; line-height: normal; } .follower-foot ul li h5 { margin: 5px 0 0 0; } .follower h4 { margin: 0 0 10px 0; font-size: 15px; font-weight: 300; } .follow-ava { border-radius: 50%; -webkit-border-radius: 50%; border: 5px solid #18b2a6; display: inline-block; } .follower img { border-radius: 50%; -webkit-border-radius: 50%; width: 62px; height: 62px; /*display: inline-block;*/ } /*weather*/ .weather-bg { background: #8175c7; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; color: #fff; text-align: center; font-size: 16px; font-weight: 300; } .weather-bg i { font-size: 60px; display: block; } .weather-bg .degree { font-size: 60px; } .weather-category { padding: 15px 0; color: #74829C; } .weather-category ul { padding: 0; margin: 0; display: inline-block; width: 100%; } .weather-category ul li { display: inline-block; width: 32%; text-align: center; border-right: 1px solid #e6e6e6; display: inline-block; } .weather-category ul li h5 { margin: 0 0 5px 0; text-transform: uppercase; font-weight: 300; } .weather-category ul li a { } .weather-category ul li:last-child { border-right: none; } /*fontawesome*/ .fontawesome-icon-list h2 { margin-top: 0; font-size: 20px; font-weight: 300; } .fontawesome-icon-list .col-sm-4, .fontawesome-icon-list .col-md-3, .fontawesome-icon-list .col-xs-6 { margin-bottom: 10px; } .fontawesome-icon-list .page-header { border-bottom: 1px solid #C9CDD7; } .fontawesome-icon-list a { color: #797979; } .fontawesome-icon-list a:hover { color: #35404D; } .fontawesome-icon-list i { font-size: 16px; padding-right: 10px; } #web-application, #text-editor, #directional, #video-player, #brand, #medical, #currency { margin-top: 10px; } /*mail inbox*/ .mail-box { border-collapse: collapse; border-spacing: 0; display: table; table-layout: fixed; width: 100%; } .mail-box aside { display: table-cell; float: none; height: 100%; padding: 0; vertical-align: top; } .mail-box .sm-side { width: 25%; background: #e5e8ef; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; } .mail-box .lg-side { width: 75%; background: #fff; border-radius: 0px 4px 4px 0; -webkit-border-radius: 0px 4px 4px 0; } .mail-box .sm-side .user-head { background: #00a8b3; border-radius: 4px 0px 0px 0; -webkit-border-radius: 4px 0px 0px 0; padding: 10px; color: #fff; min-height: 80px; } .user-head .inbox-avatar { width: 65px; float: left; } .user-head .inbox-avatar img { border-radius: 4px; -webkit-border-radius: 4px; } .user-head .user-name { display: inline-block; margin: 0 0 0 10px; } .user-head .user-name h5 { font-size: 14px; margin-top: 15px; margin-bottom: 0; font-weight: 300; } .user-head .user-name h5 a { color: #fff; } .user-head .user-name span a { font-size: 12px; color: #87e2e7; } a.mail-dropdown { background: #80d3d9; padding: 3px 5px; font-size: 10px; color: #01a7b3; border-radius: 2px; margin-top: 20px; } .inbox-body { padding: 20px; } .btn-compose { background: #ff5722; padding: 12px 0; text-align: center; width: 100%; color: #fff; } .btn-compose:hover { background: #f5675c; color: #fff; } ul.inbox-nav { display: inline-block; width: 100%; margin: 0; padding: 0; } .inbox-divider { border-bottom: 1px solid #d5d8df; } ul.inbox-nav li { display: inline-block; line-height: 45px; width: 100%; } ul.inbox-nav li a { color: #6a6a6a; line-height: 45px; width: 100%; display: inline-block; padding: 0 20px; } ul.inbox-nav li a:hover, ul.inbox-nav li.active a, ul.inbox-nav li a:focus { color: #6a6a6a; background: #d5d7de; } ul.inbox-nav li a i { padding-right: 10px; font-size: 16px; color: #6a6a6a; } ul.inbox-nav li a span.label { margin-top: 13px; } ul.labels-info li h4 { padding-left: 15px; padding-right: 15px; padding-top: 5px; color: #5c5c5e; font-size: 13px; text-transform: uppercase; } ul.labels-info li { margin: 0; } ul.labels-info li a { color: #6a6a6a; border-radius: 0; } ul.labels-info li a:hover, ul.labels-info li a:focus { color: #6a6a6a; background: #d5d7de; } ul.labels-info li a i { padding-right: 10px; } .nav.nav-pills.nav-stacked.labels-info p { margin-bottom: 0; padding: 0 22px; color: #9d9f9e; font-size: 11px; } .inbox-head { padding: 20px; background: #41cac0; color: #fff; border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; min-height: 80px; } .inbox-head h3 { margin: 0; display: inline-block; padding-top: 6px; font-weight: 300; } .inbox-head .sr-input { height: 40px; border: none; box-shadow: none; padding: 0 10px; float: left; border-radius: 4px 0 0 4px; color: #8a8a8a; } .inbox-head .sr-btn { height: 40px; border: none; background: #00a6b2; color: #fff; padding: 0 20px; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; } .table-inbox { border: 1px solid #d3d3d3; margin-bottom: 0; } .table-inbox tr td { padding: 12px !important; } .table-inbox tr td:hover { cursor: pointer; } .table-inbox tr td .fa-star.inbox-started, .table-inbox tr td .fa-star:hover { color: #f78a09; } .table-inbox tr td .fa-star { color: #d5d5d5; } .table-inbox tr.unread td { font-weight: 600; background: #f7f7f7; } ul.inbox-pagination { float: right; } ul.inbox-pagination li { float: left; } .mail-option { display: inline-block; margin-bottom: 10px; width: 100%; } .mail-option .chk-all, .mail-option .btn-group { margin-right: 5px; } .mail-option .chk-all, .mail-option .btn-group a.btn { border: 1px solid #e7e7e7; padding: 5px 10px; display: inline-block; background: #fcfcfc; color: #afafaf; border-radius: 3px !important; -webkit-border-radius: 3px !important; } .inbox-pagination a.np-btn { border: 1px solid #e7e7e7; padding: 5px 15px; display: inline-block; background: #fcfcfc; color: #afafaf; border-radius: 3px !important; -webkit-border-radius: 3px !important; } .mail-option .chk-all input[type=checkbox] { margin-top: 0; } .mail-option .btn-group a.all { padding: 0; border: none; } .inbox-pagination a.np-btn { margin-left: 5px; } .inbox-pagination li span { display: inline-block; margin-top: 7px; margin-right: 5px; } .fileinput-button { border: 1px solid #e6e6e6; background: #eeeeee; } .inbox-body .modal .modal-body input, .inbox-body .modal .modal-body textarea { border: 1px solid #e6e6e6; box-shadow: none; } .btn-send, .btn-send:hover { background: #00A8B3; color: #fff; } .btn-send:hover { background: #009da7; } .modal-header h4.modal-title { font-weight: 300; font-family: 'Open Sans', sans-serif; } .modal-body label { font-weight: 400; font-family: 'Open Sans', sans-serif; } .heading-inbox h4 { font-size: 18px; color: #444; border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-top: 20px; } .sender-info { margin-bottom: 20px; } .sender-info img { width: 30px; height: 30px; } .sender-dropdown { background: #eaeaea; padding: 0 3px; color: #777; font-size: 10px; } .view-mail a { color: #ff5722; } .attachment-mail { margin-top: 30px; } .attachment-mail ul { width: 100%; display: inline-block; margin-bottom: 30px; } .attachment-mail ul li { float: left; width: 150px; margin-right: 10px; margin-bottom: 10px; } .attachment-mail ul li img { width: 100%; } .attachment-mail ul li span { float: right; } .attachment-mail .file-name { float: left; } .attachment-mail .links { width: 100%; display: inline-block; } /*404 page*/ .body-404 { background: #18d4cb; color: #fff; } .error-wrapper { text-align: center; margin-top: 10%; } .error-wrapper .icon-404 { background: url("../images/404_icon.png") no-repeat; width: 289px; height: 274px; display: inline-block; margin-left: 30px; } .error-wrapper h1 { font-size: 90px; font-weight: 300; margin: -50px 0 0 0; } .error-wrapper h2 { font-size: 20px; font-weight: 300; margin: 0 0 30px 0; } .error-wrapper p, .error-wrapper p a { font-size: 18px; font-weight: 300; } .error-wrapper p.page-404 { color: #7dfff7; } .error-wrapper p.page-404 a, .error-wrapper p.page-500 a, .error-wrapper p.page-404 a:hover, .error-wrapper p.page-500 a:hover { color: #fff; } /*500 page*/ .body-500 { background: #8075c6; color: #fff; } .error-wrapper p.page-500 { color: #afa5f1; } .error-wrapper .icon-500 { background: url("../images/500_icon.png") no-repeat; width: 289px; height: 274px; display: inline-block; margin-left: 55px; } /*profile*/ .profile-nav .user-heading { background: #ff766c; color: #fff; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; padding: 30px; text-align: center; } .profile-nav .user-heading.round a { border-radius: 50%; -webkit-border-radius: 50%; border: 10px solid rgba(255, 255, 255, 0.3); display: inline-block; } .profile-nav .user-heading a img { width: 112px; height: 112px; border-radius: 50%; -webkit-border-radius: 50%; } .profile-nav .user-heading h1 { font-size: 22px; font-weight: 300; margin-bottom: 5px; } .profile-nav .user-heading p { font-size: 12px; } .profile-nav ul { margin-top: 1px; } .profile-nav ul > li { border-bottom: 1px solid #ebeae6; margin-top: 0; line-height: 30px; } .profile-nav ul > li:last-child { border-bottom: none; } .profile-nav ul > li > a { border-radius: 0; -webkit-border-radius: 0; color: #89817f; border-left: 5px solid #fff; } .profile-nav ul > li > a:hover, .profile-nav ul > li > a:focus, .profile-nav ul li.active a { background: #f8f7f5 !important; border-left: 5px solid #ff766c; color: #89817f !important; } .profile-nav ul > li:last-child > a:last-child { border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; } .profile-nav ul > li > a > i { font-size: 16px; padding-right: 10px; color: #bcb3aa; } .r-activity { margin: 6px 0 0; font-size: 12px; } .p-text-area, .p-text-area:focus { border: none; font-weight: 300; box-shadow: none; color: #c3c3c3; font-size: 16px; } .profile-info .panel-footer { background-color: #f8f7f5; border-top: 1px solid #e7ebee; } .profile-info .panel-footer ul li a { color: #7a7a7a; } .bio-graph-heading { background: #41cac0; color: #fff; text-align: center; font-style: italic; padding: 40px 110px; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; font-size: 16px; font-weight: 300; } .bio-graph-info { color: #89817e; } .bio-graph-info h1 { font-size: 22px; font-weight: 300; margin: 0 0 20px; } .bio-row { width: 50%; float: left; margin-bottom: 10px; padding: 0 15px; } .bio-row p span { width: 100px; display: inline-block; } .bio-chart, .bio-desk { float: left; } .bio-chart { width: 40%; } .bio-desk { width: 60%; } .bio-desk h4 { font-size: 15px; font-weight: 400; } .bio-desk h4.terques { color: #4CC5CD; } .bio-desk h4.red { color: #e26b7f; } .bio-desk h4.green { color: #97be4b; } .bio-desk h4.purple { color: #caa3da; } .file-pos { margin: 6px 0 10px 0; } .profile-activity h5 { font-weight: 300; margin-top: 0; color: #c3c3c3; } .summary-head { background: #ee7272; color: #fff; text-align: center; border-bottom: 1px solid #ee7272; } .summary-head h4 { font-weight: 300; text-transform: uppercase; margin-bottom: 5px; } .summary-head p { color: rgba(255, 255, 255, 0.6); } ul.summary-list { display: inline-block; padding-left: 0; width: 100%; margin-bottom: 0; } ul.summary-list > li { display: inline-block; width: 19.5%; text-align: center; } ul.summary-list > li > a > i { display: block; font-size: 18px; padding-bottom: 5px; } ul.summary-list > li > a { padding: 10px 0; display: inline-block; color: #818181; } ul.summary-list > li { border-right: 1px solid #eaeaea; } ul.summary-list > li:last-child { border-right: none; } .activity { width: 100%; float: left; margin-bottom: 10px; } .activity.alt { width: 100%; float: right; margin-bottom: 10px; } .activity span { float: left; } .activity.alt span { float: right; } .activity span, .activity.alt span { width: 45px; height: 45px; line-height: 45px; border-radius: 50%; -webkit-border-radius: 50%; background: #eee; text-align: center; color: #fff; font-size: 16px; } .activity.terques span { background: #8dd7d6; } .activity.terques h4 { color: #8dd7d6; } .activity.purple span { background: #b984dc; } .activity.purple h4 { color: #b984dc; } .activity.blue span { background: #90b4e6; } .activity.blue h4 { color: #90b4e6; } .activity.green span { background: #aec785; } .activity.green h4 { color: #aec785; } .activity h4 { margin-top: 0; font-size: 16px; } .activity p { margin-bottom: 0; font-size: 13px; } .activity .activity-desk i, .activity.alt .activity-desk i { float: left; font-size: 18px; margin-right: 10px; color: #bebebe; } .activity .activity-desk { margin-left: 70px; position: relative; } .activity.alt .activity-desk { margin-right: 70px; position: relative; } .activity.alt .activity-desk .panel { float: right; position: relative; } .activity-desk .panel { background: #F4F4F4; display: inline-block; } .activity .activity-desk .arrow { border-right: 8px solid #F4F4F4 !important; } .activity .activity-desk .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; left: -7px; position: absolute; top: 13px; width: 0; } .activity-desk .arrow-alt { border-left: 8px solid #F4F4F4 !important; } .activity-desk .arrow-alt { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; right: -7px; position: absolute; top: 13px; width: 0; } .activity-desk .album { display: inline-block; margin-top: 10px; } .activity-desk .album a { margin-right: 10px; } .activity-desk .album a:last-child { margin-right: 0px; } /*invoice*/ .invoice-list { margin-bottom: 30px; } .invoice-list h4 { font-weight: 300; font-size: 16px; } .invoice-block { text-align: right; } ul.amounts li { background: #f5f5f5; margin-bottom: 5px; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; font-weight: 300; } .invoice-btn a { font-weight: 300; margin: 0 5px; font-size: 16px; } .corporate-id { margin-bottom: 30px; } /*panel heading color*/ .panel-primary > .panel-heading.navyblue { background-color: #2A3542; border-color: #2A3542; color: #FFFFFF; } /*table*/ .table-advance tr td { vertical-align: middle !important; } .no-border { border-bottom: none; } .dataTables_length, .dataTables_filter { padding: 15px; } .dataTables_info { padding: 0 15px; } .dataTables_filter { float: right; } .dataTables_length select { padding: 5px 8px; } .dataTables_length label, .dataTables_filter label { font-weight: 300; } .dataTables_filter label { /* width: 100%;*/ } .dataTables_filter label input { /* width: 78%;*/ } .border-top { border-top: 1px solid #ddd; } .dataTables_paginate.paging_bootstrap.pagination li { float: left; margin: 0 1px; border: 1px solid #ddd; border-radius: 3px; -webkit-border-radius: 3px; } .dataTables_paginate.paging_bootstrap.pagination li.disabled a { color: #c7c7c7; } .dataTables_paginate.paging_bootstrap.pagination li a { color: #797979; padding: 5px 10px; display: inline-block; } .dataTables_paginate.paging_bootstrap.pagination li:hover a, .dataTables_paginate.paging_bootstrap.pagination li.active a { color: #797979; background: #eee; border-radius: 3px; -webkit-border-radius: 3px; } .dataTables_paginate.paging_bootstrap.pagination { float: right; margin-top: -5px; margin-bottom: 15px; } .dataTable tr:last-child { border-bottom: 1px solid #ddd; } /*calender*/ .has-toolbar.fc { margin-top: 50px; } .fc-header-title { display: inline-block; margin-top: -50px; vertical-align: top; } .fc-view { margin-top: -50px; overflow: hidden; width: 100%; } .fc-state-default, .fc-state-default .fc-button-inner { background: #F3F3F3 !important; border-color: #DDDDDD; border-style: none solid; color: #646464; } .fc-state-active, .fc-state-active .fc-button-inner, .fc-state-hover, .fc-state-hover .fc-button-inner { background: #ff5722 !important; color: #fff !important; } .fc-event-skin { background-color: #6883a3 !important; border-color: #6883a3 !important; color: #FFFFFF !important; } .fc-grid th { height: 30px; line-height: 30px; text-align: center; background: #F3F3F3 !important; } .fc-header-title h2 { font-size: 20px !important; color: #C8CCD7; font-weight: 300; } .external-event { cursor: move; display: inline-block !important; margin-bottom: 6px !important; margin-right: 6px !important; padding: 8px; } #external-events p input[type="checkbox"] { margin: 0; } .drg-event-title { font-weight: 300; margin-top: 0; margin-bottom: 15px; border-bottom: 1px solid #ddd; padding-bottom: 10px; } .fc-content .fc-event { border-radius: 4px; webkit-border-radius: 4px; padding: 4px 6px; } .fc-corner-left { border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; } .fc-corner-right { border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; } .drp-rmv { padding-top: 10px; margin-top: 10px; } /*button*/ .btn-row { margin-bottom: 10px; } /*tabs*/ .tab-head { background: #7087a3; display: inline-block; width: 100%; margin-top: 60px; } .tab-container { margin-top: 10px; } .tab-head .nav-tabs > li > a { border-radius: 0; margin-right: 1px; color: #fff; } .tab-head .nav-tabs > li.active > a, .tab-head .nav-tabs > li > a:hover, .tab-head .nav-tabs > li.active > a:hover, .tab-head .nav-tabs > li.active > a:focus { background-color: #f1f2f7; border-color: #f1f2f7; color: #797979; } /*general page*/ .progress-xs { height: 8px; } .progress-sm { height: 12px; } .panel-heading .nav { border: medium none; font-size: 13px; margin: -10px -15px -11px; } .tab-bg-dark-navy-blue { background: #7087A3; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-bottom: none; } .tab-bg-dark-orange { background: #ff5722; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-bottom: none; } .panel-heading .nav > li > a, .panel-heading .nav > li.active > a, .panel-heading .nav > li.active > a:hover, .panel-heading .nav > li.active > a:focus { border-width: 0; border-radius: 0; } .panel-heading .nav > li > a { color: #fff; } .panel-heading .nav > li.active > a, .panel-heading .nav > li > a:hover { color: #47596f; background: #fff; } .panel-heading .nav > li:first-child.active > a, .panel-heading .nav > li:first-child > a:hover { border-radius: 4px 0 0 0; -webkit-border-radius: 4px 0 0 0; } .tab-right { height: 38px; } .panel-heading.tab-right .nav > li:first-child.active > a, .tab-right.panel-heading .nav > li:first-child > a:hover { border-radius: 0; -webkit-border-radius: 0; } .panel-heading.tab-right .nav > li:last-child.active > a, .tab-right.panel-heading .nav > li:last-child > a:hover { border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; } .panel-heading.tab-right .nav-tabs > li > a { margin-left: 1px; margin-right: 0px; } .m-bot20 { margin-bottom: 20px; } .m-bot-none { margin-bottom: 0; } .wht-color { color: #fff; } .close-sm { font-size: 14px; } /*carousel*/ .carousel-indicators li { background: rgba(0, 0, 0, 0.2); border: none; transition: background-color 0.25s ease 0s; -moz-transition: background-color 0.25s ease 0s; -webkit-transition: background-color 0.25s ease 0s; } .carousel-indicators .active { background: #ff5722; height: 10px; margin: 1px; width: 10px; } .carousel-indicators.out { bottom: -5px; } .carousel-indicators.out { bottom: -5px; } .carousel-control { color: #999999; text-shadow: none; width: 45px; } .carousel-control i { display: inline-block; height: 25px; left: 50%; margin-left: -10px; margin-top: -10px; position: absolute; top: 50%; width: 20px; z-index: 5; } .carousel-control.left, .carousel-control.right { background: none; filter: none; } .carousel-control:hover, .carousel-control:focus { color: #CCCCCC; opacity: 0.9; text-decoration: none; } .carousel-inner h3 { font-weight: 300; font-size: 16px; margin: 0; } .carousel-inner { margin-bottom: 15px; } /*gritter*/ .gritter-close { left: auto !important; right: 3px !important; } /*form*/ .sm-input { width: 175px; } .form-horizontal.tasi-form .form-group { border-bottom: 1px solid #eff2f7; padding-bottom: 15px; margin-bottom: 15px; } .form-horizontal.tasi-form .form-group:last-child { border-bottom: none; padding-bottom: 0px; margin-bottom: 0px; } .form-horizontal.tasi-form .form-group .help-block { margin-bottom: 0; } .round-input { border-radius: 500px; -webkit-border-radius: 500px; } .m-bot15 { margin-bottom: 15px; } .form-horizontal.tasi-form .checkbox-inline > input { margin-top: 1px; border: none; } .iconic-input { position: relative; } .iconic-input i { color: #CCCCCC; display: block; font-size: 16px; height: 16px; margin: 8px 5px 8px 10px; position: absolute; text-align: center; width: 16px; } .iconic-input input { padding-left: 30px !important; } .iconic-input.right input { padding-left: 10px !important; padding-right: 30px !important; } .iconic-input.right i { float: right; right: 5px; } input.spinner[type="text"], input.spinner[type="password"], input.spinner[type="datetime"], input.spinner[type="datetime-local"], input.spinner[type="date"], input.spinner[type="month"], input.spinner[type="time"], input.spinner[type="week"], input.spinner[type="number"], input.spinner[type="email"], input.spinner[type="url"], input.spinner[type="search"], input.spinner[type="tel"], input.spinner[type="color"] { background: url("../img/input-spinner.gif") right no-repeat !important; } /*form validation*/ .cmxform .form-group label.error { display: inline; margin: 5px 0; color: #B94A48; font-weight: 400; } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus, .cmxform .form-group input.error, .cmxform .form-group textarea.error { border-color: #B94A48 !important; } #signupForm label.error { display: inline; margin: 5px 0px; width: auto; color: #B94A48; } .checkbox, .checkbox:hover, .checkbox:focus { border: none; } /*slider*/ table.sliders tr td { padding: 30px 0; border: none; } .slider { margin-top: 3px; } .slider-info { padding-top: 10px; } .sliders .ui-widget-header { background: #22bacf !important; border-radius: 15px !important; -webkit-border-radius: 15px !important; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0 !important; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 0 !important; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 0 !important; } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 0 !important; } #eq span { height: 120px; float: left; margin: 15px } .ui-widget-content { background: #f0f2f7 !important; border: none !important; border-radius: 15px !important; -webkit-border-radius: 15px !important; } .ui-slider-horizontal { height: 8px !important; } .ui-slider-horizontal .ui-slider-handle { top: -0.57em !important; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #fff !important; border: 3px solid #22bacf !important; border-radius: 50% !important; -webkit-border-radius: 50% !important; } .ui-slider-vertical { width: 8px !important; } .ui-slider-vertical .ui-slider-handle { left: -0.5em !important; } .ui-slider .ui-slider-handle { cursor: default; height: 1.6em; position: absolute; width: 1.6em; z-index: 2; } .bound-s { width: 90px; margin-bottom: 15px; } /*----switch ----*/ .has-switch { border-radius: 30px; -webkit-border-radius: 30px; display: inline-block; cursor: pointer; line-height: 1.231; overflow: hidden; position: relative; text-align: left; width: 80px; -webkit-mask: url('../img/mask.png') 0 0 no-repeat; mask: url('../img/mask.png') 0 0 no-repeat; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } .has-switch.deactivate { opacity: 0.5; filter: alpha(opacity=50); cursor: default !important; } .has-switch.deactivate label, .has-switch.deactivate span { cursor: default !important; } .has-switch > div { width: 162%; position: relative; top: 0; } .has-switch > div.switch-animate { -webkit-transition: left 0.25s ease-out; -moz-transition: left 0.25s ease-out; -o-transition: left 0.25s ease-out; transition: left 0.25s ease-out; -webkit-backface-visibility: hidden; } .has-switch > div.switch-off { left: -63%; } .has-switch > div.switch-off label { background-color: #7f8c9a; border-color: #bdc3c7; -webkit-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5); -moz-box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5); box-shadow: -1px 0 0 rgba(255, 255, 255, 0.5); } .has-switch > div.switch-on { left: 0%; } .has-switch > div.switch-on label { background-color: #41cac0; } .has-switch input[type=checkbox] { display: none; } .has-switch span { cursor: pointer; font-size: 14.994px; font-weight: 700; float: left; height: 29px; line-height: 19px; margin: 0; padding-bottom: 6px; padding-top: 5px; position: relative; text-align: center; width: 50%; z-index: 1; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.25s ease-out; -moz-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.25s ease-out; -webkit-backface-visibility: hidden; } .has-switch span.switch-left { border-radius: 30px 0 0 30px; background-color: #2A3542; color: #41cac0; border-left: 1px solid transparent; } .has-switch span.switch-right { border-radius: 0 30px 30px 0; background-color: #bdc3c7; color: #ffffff; text-indent: 7px; } .has-switch span.switch-right [class*="fui-"] { text-indent: 0; } .has-switch label { border: 4px solid #2A3542; border-radius: 50%; -webkit-border-radius: 50%; float: left; height: 29px; margin: 0 -21px 0 -14px; padding: 0; position: relative; vertical-align: middle; width: 29px; z-index: 100; -webkit-transition: 0.25s ease-out; -moz-transition: 0.25s ease-out; -o-transition: 0.25s ease-out; transition: 0.25s ease-out; -webkit-backface-visibility: hidden; } .switch-square { border-radius: 6px; -webkit-border-radius: 6px; -webkit-mask: url('../img/mask.png') 0 0 no-repeat; mask: url('../img/mask.png') 0 0 no-repeat; } .switch-square > div.switch-off label { border-color: #7f8c9a; border-radius: 6px 0 0 6px; } .switch-square span.switch-left { border-radius: 6px 0 0 6px; } .switch-square span.switch-left [class*="fui-"] { text-indent: -10px; } .switch-square span.switch-right { border-radius: 0 6px 6px 0; } .switch-square span.switch-right [class*="fui-"] { text-indent: 5px; } .switch-square label { border-radius: 0 6px 6px 0; border-color: #41cac0; } /*tag input*/ .tagsinput { border: 1px solid #e3e6ed; border-radius: 6px; height: 100px; padding: 6px 1px 1px 6px; overflow-y: auto; text-align: left; } .tagsinput .tag { border-radius: 4px; background-color: #41cac0; color: #ffffff; cursor: pointer; margin-right: 5px; margin-bottom: 5px; overflow: hidden; line-height: 15px; padding: 6px 13px 8px 19px; position: relative; vertical-align: middle; display: inline-block; zoom: 1; *display: inline; -webkit-transition: 0.14s linear; -moz-transition: 0.14s linear; -o-transition: 0.14s linear; transition: 0.14s linear; -webkit-backface-visibility: hidden; } .tagsinput .tag:hover { background-color: #39b1a8; color: #ffffff; padding-left: 12px; padding-right: 20px; } .tagsinput .tag:hover .tagsinput-remove-link { color: #ffffff; opacity: 1; display: block \9; } .tagsinput input { background: transparent; border: none; color: #34495e; font-family: "Lato", sans-serif; font-size: 14px; margin: 0px; padding: 0 0 0 5px; outline: 0; margin-right: 5px; margin-bottom: 5px; width: 12px; } .tagsinput-remove-link { bottom: 0; color: #ffffff; cursor: pointer; font-size: 12px; opacity: 0; padding: 7px 7px 5px 0; position: absolute; right: 0; text-align: right; text-decoration: none; top: 0; width: 100%; z-index: 2; display: none \9; } .tagsinput-remove-link:before { color: #ffffff; content: "\f00d"; font-family: "FontAwesome"; } .tagsinput-add-container { vertical-align: middle; display: inline-block; zoom: 1; *display: inline; } .tagsinput-add { background-color: #d6dbdf; border-radius: 3px; color: #ffffff; cursor: pointer; margin-bottom: 5px; padding: 6px 9px; display: inline-block; zoom: 1; *display: inline; -webkit-transition: 0.25s; -moz-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-backface-visibility: hidden; } .tagsinput-add:hover { background-color: #3bb8af; } .tagsinput-add:before { content: "\f067"; font-family: "FontAwesome"; } .tags_clear { clear: both; width: 100%; height: 0px; } /*checkbox & radio style*/ .checkboxes label, .radios label { display: block; cursor: pointer; line-height: 20px; padding-bottom: 7px; font-weight: 300; } .radios { padding-top: 18px; } .label_check input, .label_radio input { margin-right: 5px; } .has-js .label_check, .has-js .label_radio { padding-left: 34px; } .has-js .label_radio { background: url(../img/checkbox/radio-off.png) no-repeat; } .has-js .label_check { background: url(../img/checkbox/check-off.png) no-repeat; } .has-js label.c_on { background: url(../img/checkbox/check-on.png) no-repeat; } .has-js label.r_on { background: url(../img/checkbox/radio-on.png) no-repeat; } .has-js .label_check input, .has-js .label_radio input { position: absolute; left: -9999px; } /*date picker*/ .add-on { float: right; margin-top: -37px; padding: 3px; text-align: center; } .add-on .btn { padding: 9px; } .daterangepicker .ranges .range_inputs > div:nth-child(2) { margin-bottom: 10px; padding-left: 0px; } .daterangepicker .ranges label { padding-bottom: 0; padding-top: 8px; } .daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active:hover, .datepicker td.active:hover:hover, .datepicker td.active:active, .datepicker td.active:hover:active, .datepicker td.active.active, .datepicker td.active.active:hover, .datepicker td.active.disabled, .datepicker td.active.disabled:hover, .datepicker td.active[disabled], .datepicker td.active[disabled]:hover, .datepicker td span.active:hover, .datepicker td span.active:active, .datepicker td span.active.active, .datepicker td span.active.disabled, .datepicker td span.active[disabled], .datetimepicker table tr td.active:hover, .datetimepicker table tr td.active:hover:hover, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled:hover:hover, .datetimepicker table tr td.active:active, .datetimepicker table tr td.active:hover:active, .datetimepicker table tr td.active.disabled:active, .datetimepicker table tr td.active.disabled:hover:active, .datetimepicker table tr td.active.active, .datetimepicker table tr td.active.active:hover, .datetimepicker table tr td.active.disabled.active, .datetimepicker table tr td.active.disabled.active:hover, .datetimepicker table tr td.active.disabled, .datetimepicker table tr td.active.disabled:hover, .datetimepicker table tr td.active.disabled.disabled, .datetimepicker table tr td.active.disabled.disabled:hover, .datetimepicker table tr td.active[disabled], .datetimepicker table tr td.active[disabled]:hover, .datetimepicker table tr td.active.disabled[disabled], .datetimepicker table tr td.active.disabled[disabled]:hover { background: #41CAC0; } .daterangepicker .calendar th, .daterangepicker .calendar td { font-family: 'Open Sans', sans-serif; font-weight: 300; text-align: center; white-space: nowrap; } .daterangepicker td.active, .daterangepicker td.active:hover, .datepicker td.active, .datepicker td.active:hover, .datepicker td span.active { text-shadow: none; } .datepicker th.switch { width: 125px; } .datepicker td span { height: 40px; line-height: 40px; } .bootstrap-timepicker table td input { border: 1px solid #ccc; border-radius: 3px; -webkit-border-radius: 3px; } /*ck editor*/ .cke_top, .cke_bottom { background: #F5F5F5 !important; background: -moz-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important; background: -webkit-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important; background: -o-linear-gradient(center top, #F5F5F5, #F5F5F5) repeat scroll 0 0 #F5F5F5 !important; box-shadow: none; padding: 6px 8px 2px; } .cke_top { border-bottom: 1px solid #cccccc !important; } .cke_chrome { display: block; padding: 0; } /*form wizard*/ .stepy-tab { text-align: center; } .stepy-tab ul { display: inline-block; } .stepy-tab ul li { float: left; } .step legend { border: none; } .button-back { float: left; } .button-next, .finish { float: right; } .button-back, .button-next, .finish { cursor: pointer; text-decoration: none; } .step { clear: left; } .step label { display: block; } .stepy-titles li { color: #757575; cursor: pointer; float: left; margin: 10px 15px; } .stepy-titles li span { display: block; } .stepy-titles li.current-step div { color: #fff; cursor: auto; background: #A9D86E; border-radius: 50%; -webkit-border-radius: 50%; width: 100px; height: 100px; line-height: 100px; } .stepy-titles li div { font-size: 16px; font-weight: 300; background: #eee; border-radius: 50%; -webkit-border-radius: 50%; width: 100px; height: 100px; line-height: 100px; } /*widget*/ .user-heading.alt { display: inline-block; width: 100%; text-align: left; } .alt.green-bg { background: #aec785; } .profile-nav.alt.green-border ul > li > a:hover, .profile-nav.alt.green-border ul > li > a:focus, .profile-nav.alt.green-border ul li.active a { border-left: 5px solid #aec785; } .user-heading.alt a { float: left; margin-right: 15px; margin-left: -10px; display: inline-block; border: 5px solid rgba(255, 255, 255, 0.3); border-radius: 50%; -webkit-border-radius: 50%; } .user-heading.alt a img { width: 100px; height: 100px; border-radius: 50%; -webkit-border-radius: 50%; } .twt-feed { border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; color: #FFFFFF; padding: 10px; position: relative; text-align: center; } .twt-feed.blue-bg { background: #58C9F3; } .twt-feed h1 { font-size: 22px; font-weight: 300; margin-bottom: 5px; } .twt-feed a { border: 8px solid #fff; border-radius: 50%; -webkit-border-radius: 50%; display: inline-block; margin-bottom: -55px; } .twt-feed a img { height: 112px; width: 112px; border-radius: 50%; -webkit-border-radius: 50%; } .twt-category { display: inline-block; margin-bottom: 11px; margin-top: 55px; width: 100%; } .twt-category ul li { color: #89817f; font-size: 13px; } .twt-category h5 { font-size: 20px; font-weight: 300; } .twt-write .t-text-area { border: 1px solid #eeeeee; border-radius: 0; } .twt-write { margin-bottom: 10px; } .twt-footer { padding: 10px 15px; } .btn-space { padding-left: 11.6%; padding-right: 11%; } .p-head { color: #f77b6f; font-weight: 400; font-size: 14px; } .cmt-head { font-weight: 400; font-size: 13px; } .p-thumb img { width: 50px; height: 50px; border-radius: 3px; -webkit-border-radius: 3px; } .tasi-tab .media-body p { /*color: #b8bac6;*/ } /*Timeline chat*/ .chat-form { margin-top: 25px; clear: both; } .chat-form .input-cont { margin-bottom: 10px; } .chat-form .input-cont input { margin-bottom: 0px; } .chat-form .input-cont input { border: 1px solid #d3d3d3 !important; margin-top: 0; min-height: 45px; } .chat-form .input-cont input { background-color: #fff !important; } .chat-features a { margin-left: 10px; } .chat-features a i { color: #d0d0d0; } .timeline-messages:before { background: rgba(0, 0, 0, 0.1); bottom: 0; top: 0; width: 2px; } .timeline-messages:before, .msg-time-chat:before, .msg-time-chat .text:before { content: ""; left: 60px; position: absolute; top: -2px; } .timeline-messages, .msg-time-chat, .timeline-messages .msg-in, .timeline-messages .msg-out { position: relative; } .timeline-messages .msg-in .arrow { /*border-right: 8px solid #F4F4F4 !important;*/ } .timeline-messages .msg-in .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; left: -8px; position: absolute; top: 13px; width: 0; } .timeline-messages .msg-out .arrow { /*border-right: 8px solid #41cac0 !important;*/ } .timeline-messages .msg-out .arrow { border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: block; height: 0; left: -8px; position: absolute; top: 13px; width: 0; } .msg-time-chat:first-child:before { margin-top: 16px; } .msg-time-chat:before { background: #CCCCCC; border: 2px solid #FAFAFA; border-radius: 100px; -moz-border-radius: 100px; -webkit-border-radius: 100px; height: 14px; margin: 23px 0 0 -6px; width: 14px; } .msg-time-chat:hover:before { background: #41cac0; } .msg-time-chat:first-child { padding-top: 0; } .message-img { float: left; margin-right: 30px; overflow: hidden; } .message-img img { display: block; height: 44px; width: 44px; } .message-body { margin-left: 80px; } .msg-time-chat .msg-in .text { border: 1px solid #e3e6ed; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; } .msg-time-chat .msg-out .text { border: 1px solid #e3e6ed; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; } .msg-time-chat p { margin: 0; } .msg-time-chat .attribution { font-size: 11px; margin: 0px 0 5px; } .msg-time-chat { overflow: hidden; padding: 8px 0; } .msg-in a, .msg-in a:hover { color: #b64c4c; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; margin-right: 10px; font-weight: 400; font-size: 13px; } .msg-out a, .msg-out a:hover { color: #288f98; text-decoration: none; border-radius: 4px; -webkit-border-radius: 4px; margin-right: 10px; font-weight: 400; font-size: 13px; } /*custom select*/ span.customSelect { font-size: 12px; background-color: #ffffff; padding: 10px; border: 1px solid #EAEAEA; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #A4AABA; } span.customSelect.changed { background-color: #fff; } .customSelectInner { background: url(../img/customSelect-arrow.gif) no-repeat center right; } /*boxed page */ .boxed-page { background-color: #ccc !important; } .boxed-page .container { background: #2A3542; padding-left: 0; padding-right: 0; } .boxed-page .container #sidebar { position: inherit; } .boxed-page .container .header .container { background: #fff; } .boxed-page .container aside { float: left; } .boxed-page .container .wrapper { background: #F1F2F7; min-height: 900px; } /*collapsible*/ .tools a { margin-left: 10px; color: #a7a7a7; font-size: 12px; } /* google maps */ .gmaps { height: 300px; width: 100%; } /* star rating */ .rating { unicode-bidi: bidi-override; direction: rtl; font-size: 30px; } .rating span.star, .rating span.star { font-family: FontAwesome; font-weight: normal; font-style: normal; display: inline-block; } .rating span.star:hover, .rating span.star:hover { cursor: pointer; } .rating span.star:before, .rating span.star:before { content: "\f006"; padding-right: 5px; color: #BEC3C7; } .rating span.star:hover:before, .rating span.star:hover:before, .rating span.star:hover ~ span.star:before, .rating span.star:hover ~ span.star:before { content: "\f005"; color: #41CAC0; } /*search page*/ .classic-search { margin-bottom: 30px; } .classic-search h4 { margin-bottom: 3px; font-weight: 300; font-size: 16px; } .classic-search h4 a { color: #314558; } .classic-search h4 a:hover { text-decoration: underline; } /*ckEditor*/ #editor-container { width: 100%; margin: 10px auto 0; } #header-editor { overflow: hidden; padding: 0 0 30px; border-bottom: 1px solid #eaeaea; position: relative; } #headerLeft, #headerRight { width: 49%; overflow: hidden; } #headerLeft { float: left; padding: 10px 1px 1px; } #headerLeft h2, #headerLeft h3 { margin: 0; overflow: hidden; font-weight: normal; font-family: 'Open Sans', sans-serif; } #headerLeft h2 { font-size: 2.6em; line-height: 1.1em; text-transform: capitalize; color: #314558; margin-bottom: 20px; } #headerLeft h3 { font-size: 1.5em; line-height: 1.1em; margin: .2em 0 0; color: #757575; } #headerRight { float: right; padding: 1px; } #headerRight p { line-height: 1.8em; text-align: justify; margin: 0; } #headerRight p + p { margin-top: 20px; } #headerRight > div { padding: 20px; margin: 0 0 0 30px; font-size: 1.1em; color: #757575; } #columns { color: #757575; overflow: hidden; padding: 20px 0; } #columns h3 { color: #314558; } #columns > div { float: left; width: 33.3%; } #columns #column1 > div { margin-left: 1px; } #columns #column3 > div { margin-right: 1px; } #columns > div > div { margin: 0px 10px; padding: 10px 20px; } #columns blockquote { margin-left: 15px; } #taglist { display: inline-block; margin-left: 20px; font-weight: bold; margin: 0 0 0 20px; } .cke_editable.cke_editable_inline.cke_focus { background: #fcfcfc; border: 1px solid #eaeaea; cursor: text; outline: medium none; } /*advanced table*/ .adv-table table tr td { padding: 10px; } .adv-table table.display thead th { border-bottom: 1px solid #DDDDDD; padding: 10px; } tr.odd.gradeA td.sorting_1, tr.odd td.sorting_1, tr.even.gradeA td.sorting_1 { background: none; } td.details { background-color: #eee; } td.details table tr td, .dataTable tr:last-child { border: none; } .adv-table table.display tr.odd.gradeA { background-color: #F9F9F9; } .adv-table table.display tr.even.gradeA { background-color: #FFFFFF; } .adv-table .dataTables_filter label input { float: right; margin-left: 10px; /* width: 78%;*/ } .adv-table .dataTables_filter label { line-height: 33px; /* width: 100%;*/ } .adv-table .dataTables_length select { display: inline-block; margin: 0 10px 0 0; padding: 5px 8px; width: 65px; } .adv-table .dataTables_info, .dataTables_paginate { padding: 15px 0; } .adv-table .dataTables_length, .adv-table .dataTables_filter { padding: 15px 0; } .cke_chrome { border: none !important; } .editable-table .dataTables_filter { /* width: 80%;*/ } tr.odd.gradeX td.sorting_1, tr.even.gradeX td.sorting_1, table.display tr.even.gradeX, table.display tr.gradeX, tr.even.gradeU td.sorting_1, tr.even td.sorting_1, table.display tr.even.gradeC, table.display tr.gradeC, tr.odd.gradeC td.sorting_1, table.display tr.even.gradeU, table.display tr.gradeU, tr.odd.gradeU td.sorting_1 { background: none !important; } /*flot chart*/ .flot-chart .chart, .flot-chart .pie, .flot-chart .bars { height: 300px; } /*xchart*/ .demo-xchart { height: 400px; width: 100%; } /*Horizontal menu*/ .full-width #main-content { margin-left: 0; } .horizontal-menu { margin-left: 50px; float: left; } .horizontal-menu .navbar-nav > li > a { padding-bottom: 20px; padding-top: 20px; } .full-width .navbar-header { width: 100%; } .full-width .nav > li > a:hover, .full-width .nav li.active a, .full-width .nav li.dropdown a:hover, .full-width .nav li.dropdown.open a:focus, .full-width .nav .open > a, .full-width .nav .open > a:hover, .full-width .nav .open > a:focus { background-color: #F77B6F; text-decoration: none; color: #fff; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s; } .full-width .dropdown-menu { box-shadow: none; } .full-width .dropdown-menu > li > a { padding: 10px 20px; font-size: 13px; } /*advanced form*/ .form-body { padding: 20px; } /*multiselect*/ .ms-container .ms-selectable li.ms-hover, .ms-container .ms-selection li.ms-hover { background-color: #2A3542; color: #FFFFFF; cursor: pointer; text-decoration: none; } .ms-container .ms-list, .ms-container .ms-list.ms-focus { box-shadow: none !important; } .ms-container .ms-list.ms-focus { border: 1px solid #2A3542; } .ms-selectable .search-input, .ms-selection .search-input { margin-bottom: 10px; } /*spinner*/ .spinner-buttons.btn-group-vertical .btn { height: 17px; margin: 0; padding-left: 6px; padding-right: 6px; text-align: center; width: 22px; } .spinner-buttons.btn-group-vertical .btn i { margin-top: -3px; } .spinner-buttons.btn-group-vertical .btn:first-child { border-radius: 0 4px 0 0 !important; -webkit-border-radius: 0 4px 0 0 !important; } .spinner-buttons.btn-group-vertical .btn:last-child { border-radius: 0 0 4px !important; -webkit-border-radius: 0 0 4px !important; } /**/ .wysihtml5-toolbar .btn-default { background: #fff; color: #757575; } /*todolist*/ #sortable { list-style-type: none; margin: 0 0 20px 0; padding: 0; width: 100%; } #sortable li { padding-left: 3em; font-size: 12px; } #sortable li i { position: absolute; left: 6px; padding: 4px 10px 0 10px; cursor: pointer; } #sortable li input[type=checkbox] { margin-top: 0; } .ui-sortable > li { padding: 15px 0 15px 35px !important; position: relative; background: #f5f6f8; margin-bottom: 2px; border-bottom: none !important; } .ui-sortable li.list-primary { border-left: 3px solid #41CAC0; } .ui-sortable li.list-success { border-left: 3px solid #78CD51; } .ui-sortable li.list-danger { border-left: 3px solid #ff5722; } .ui-sortable li.list-warning { border-left: 3px solid #F1C500; } .ui-sortable li.list-info { border-left: 3px solid #58C9F3; } .ui-sortable li.list-inverse { border-left: 3px solid #BEC3C7; } /*lock screen*/ .lock-screen { background: #02bac6 url("../img/lock-bg.jpg"); background-size: cover; background-repeat: repeat; } .lock-wrapper { margin: 10% auto; max-width: 330px; } .lock-box { background: rgba(255, 255, 255, .3); padding: 20px; border-radius: 10px; -webkit-border-radius: 10px; position: relative; } .lock-wrapper img { position: absolute; left: 40%; top: -40px; border-radius: 50%; -webkit-border-radius: 50%; border: 5px solid #fff; } .lock-wrapper h1 { text-align: center; color: #fff; font-size: 18px; text-transform: uppercase; padding: 20px 0 0 0; } .lock-wrapper .locked { margin-bottom: 20px; display: inline-block; color: #026f7a; } .btn-lock, .btn-lock:hover { background: #02b5c2; color: #fff; } .lock-input { width: 83%; border: none; float: left; margin-right: 3px; } #time { width: 100%; color: #fff; font-size: 60px; margin-bottom: 80px; display: inline-block; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 300; } /*language*/ .language { margin-top: 4px; } .language .dropdown-menu { border: 1px solid #eee; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.176) !important; } .language .dropdown-menu li a { border-bottom: 1px solid #eee; padding: 10px; } .language .dropdown-menu li:last-child a { border-bottom: none; } .language .dropdown-menu li a { font-size: 13px; } /*product list*/ .prod-cat li a { border-bottom: 1px dashed #d9d9d9; } .prod-cat li a { color: #3b3b3b; } .prod-cat li ul { margin-left: 30px; } .prod-cat li ul li a { border-bottom: none; } .prod-cat li ul li a:hover, .prod-cat li ul li a:focus, .prod-cat li ul li.active a, .prod-cat li a:hover, .prod-cat li a:focus, .prod-cat li a.active { background: none; color: #ff7261; } .pro-lab { margin-right: 20px; font-weight: normal; } .pro-sort { padding-right: 20px; float: left; } .pro-page-list { margin: 5px 0 0 0; } .product-list img { width: 100%; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } .product-list .pro-img-box { position: relative; } .adtocart { background: #fc5959; width: 50px; height: 50px; border-radius: 50%; -webkit-border-radius: 50%; color: #fff; display: inline-block; text-align: center; border: 3px solid #fff; left: 45%; bottom: -25px; position: absolute; } .adtocart i { color: #fff; font-size: 25px; line-height: 42px; } .pro-title { color: #5A5A5A; display: inline-block; margin-top: 20px; font-size: 16px; } .product-list .price { color: #fc5959; font-size: 15px; } .pro-img-details { margin-left: -15px; } .pro-img-details img { width: 100%; } .pro-d-title { font-size: 16px; margin-top: 0; } .product_meta { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 10px 0; margin: 15px 0; } .product_meta span { display: block; margin-bottom: 10px; } .product_meta a, .pro-price { color: #fc5959; } .pro-price, .amount-old { font-size: 18px; padding: 0 10px; } .amount-old { text-decoration: line-through; } .quantity { width: 120px; } .pro-img-list { margin: 10px 0 0 -15px; width: 100%; display: inline-block; } .pro-img-list a { float: left; margin-right: 10px; margin-bottom: 10px; } .pro-d-head { font-size: 18px; font-weight: 300; } /*footer*/ .site-footer { background: #222222; color: #fff; padding: 10px 0; bottom: 0; position: fixed; width: 100%; z-index: 20 !important;} .go-top { margin-right: 1%; float: right; background: #ff5722; width: 20px; height: 20px; border-radius: 50%; -webkit-border-radius: 50%; text-align: center; bottom: 10px; position: fixed; right: 0; } .go-top i { color: #ffffff; } .site-min-height { min-height: 900px; } /*pricing table*/ .feature-head { padding: 10px 0 50px; } .feature-head h1 { font-size: 25px; font-weight: normal; } .pricing-table { background: #fff; text-align: center; padding: 0 0 25px 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .pricing-table.most-popular { top: -20px; position: relative; } .most-popular { background: #f77b6f; color: #fff; } .most-popular h1 { font-size: 25px !important; padding-bottom: 10px; padding-top: 17px !important; } .most-popular h2 { background: #d76b61 !important; margin-top: 20px !important; } .most-popular ul li { border-bottom: 1px dotted #d76b61 !important; } .most-popular .price-actions .btn { background: #d76b61 !important; margin: 10px 0; cursor: pointer; } .pricing-table .price-actions .btn { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #acacac; color: #fff; border: none; box-shadow: none; text-shadow: none; padding: 10px 20px; cursor: pointer; } .pricing-head h1 { font-size: 18px; font-weight: 300; padding-top: 15px; } .pricing-head h2 { padding: 30px 0; background: #777777; color: #fff; font-size: 50px; font-weight: 100; } .pricing-table ul { margin: 15px 0; padding: 0; } .pricing-table ul li { border-bottom: 1px dotted #CCCCCC; margin: 0 2em; padding: 1em 0; text-align: center; font-weight: 300; } .pricing-head span.note { display: inline; font-size: 25px; line-height: 0.8em; position: relative; top: -18px; } .pricing-quotation, .team-info { background: #EEEEEE; padding: 20px 20px 35px 20px; margin-bottom: 100px; display: inline-block; width: 100%; text-align: center; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .pricing-quotation h3, .team-info h3 { font-weight: 300; } .pricing-quotation p, .team-info p { margin-bottom: 0px; } .pricing-plan, .team-info-wrap { position: relative; } .pricing-quotation:before, .team-info:before { background-color: #EEEEEE; border-color: #EEEEEE; border-image: none; border-right: 1px solid #EEEEEE; border-style: none; top: -7px; content: ""; display: block; height: 14px; left: 48%; position: absolute; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 15px; } /*dragable portlet*/ .sortable .panel .panel-heading { cursor: move; } /*faq*/ .vertical-menu li a { background: #fff; width: 100%; float: left; padding: 10px; margin-bottom: 5px; border-radius: 4px; -webkit-border-radius: 4px; color: #797979; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .vertical-menu li a:hover, .vertical-menu li a:focus, .vertical-menu li.active a { background: #2A3542; width: 100%; float: left; padding: 10px; margin-bottom: 5px; border-radius: 4px; -webkit-border-radius: 4px; color: #fff; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } /*fb time line*/ .cover-photo { position: relative; } .fb-timeline-img img { width: 100%; border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; } .profile-thumb img { width: 140px; height: 140px; border-radius: 50%; -webkit-border-radius: 50%; margin-top: -90px; border: 3px solid #fff; } .profile-thumb { float: left; position: relative; } .fb-user-mail { margin: 10px 0 0 20px; display: inline-block; } .fb-name { bottom: 5px; left: 175px; position: absolute; } .fb-name h2 a { color: #FFFFFF; text-rendering: optimizelegibility; text-shadow: 0 0 3px rgba(0, 0, 0, 0.8); font-size: 25px; } .fb-user-thumb { float: left; width: 70px; margin-right: 15px; } .fb-user-thumb img { width: 70px; height: 70px; border-radius: 50%; -webkit-border-radius: 50%; } .fb-user-details h3 { margin: 15px 0 0; font-size: 18px; font-weight: 300; } .fb-user-details p { color: #c3c3c3; } .fb-user-status { padding: 10px 0; line-height: 20px; } .fb-time-action { padding: 15px 0; } .fb-border { border-top: 1px solid #ebeef5; } .fb-time-action span, .fb-time-action a { margin-right: 5px; } .fb-time-action a { color: #2972a1; } .fb-time-action a:hover { text-decoration: underline; } .fb-time-action span { color: #5a5a5a; } .fb-status-container, .fb-comments li { margin: 0 -15px 0 -15px; padding: 0 15px; } .fb-gray-bg { background: #f6f6f6; } .fb-comments li { border-top: 1px solid #ebeef5; padding: 15px; } .fb-comments .cmt-thumb { width: 50px; float: left; margin-right: 15px; } .fb-comments .cmt-thumb img { width: 50px; } .fb-comments .cmt-details { padding-top: 5px; } .fb-comments .cmt-details a { font-size: 14px; font-weight: bold; } .fb-comments .cmt-details a.like-link { font-size: 12px; font-weight: normal; } .cmt-form { display: inline-block; width: 90%; } .cmt-form textarea { height: 50px; line-height: 35px; } .fb-timeliner h2 { background: #828283; color: #fff; margin-top: 0; padding: 10px 15px; font-size: 16px; border-radius: 4px; -webkit-border-radius: 4px; font-weight: 300; } .fb-timeliner ul { margin-left: 15px; margin-bottom: 20px; } .fb-timeliner ul li { margin-bottom: 3px; } .fb-timeliner ul li a { color: #999797; border-left: 4px solid #d3d7dd; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; display: block; } .fb-timeliner ul li a:hover { color: #999797; border-left: 4px solid #b1b1b1; padding-left: 10px; } .fb-timeliner ul li.active a { color: #7a7a7a; border-left: 4px solid #7a7a7a; padding-left: 10px; } .recent-highlight { background: #ff5722 !important; } /*chat room*/ .chat-room { border-collapse: collapse; border-spacing: 0; display: table; table-layout: fixed; width: 100%; position: relative; } .chat-room aside { display: table-cell; float: none; height: 100%; padding: 0; vertical-align: top; } .chat-room .left-side { width: 25%; background: #e5e8ef; border-radius: 4px 0 0 4px; -webkit-border-radius: 4px 0 0 4px; } .chat-room .mid-side { width: 50%; background: #fff; border-right: 1px solid #e5e8ef; } .chat-room .right-side { width: 25%; background: #fff; border-radius: 0 4px 4px 0; -webkit-border-radius: 0 4px 4px 0; } .chat-room .left-side .user-head { background: #00A8B3; border-radius: 4px 0 0; -webkit-border-radius: 4px 0 0; color: #FFFFFF; min-height: 70px; padding: 15px; } .chat-room .right-side .user-head { background: #00A8B3; border-radius: 0 4px 0 0; -webkit-border-radius: 0 4px 0 0; color: #FFFFFF; min-height: 70px; padding: 10px; border-left: 1px solid #00A8B3; margin-left: -1px; position: relative; } .chat-room .user-head i { float: left; font-size: 40px; margin-right: 10px; } .chat-room .user-head h3 { margin: 6px 0 0 0; font-weight: 100; letter-spacing: 1px; } .chat-room-head { background: #41CAC0; color: #FFFFFF; min-height: 70px; padding: 15px; } .chat-room-head h3 { margin: 5px 0 0; font-weight: 100; letter-spacing: 1px; display: inline-block; } .chat-room-head .search-btn { width: 20px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; box-shadow: none; background: #01a6b2 url("../img/chat-search.png") no-repeat 12px 9px; padding: 0 5px 0 35px; margin-top: 2px; border: none; color: #fff; } .chat-room-head .search-btn:focus { width: 180px; box-shadow: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; /*background: #01a6b2;*/ font-weight: 300; color: #fff; } .chat-room-head .search-btn:focus::-moz-placeholder { color: #fff; } ul.chat-list li a { color: #6a6a6a; display: block; padding: 15px; font-weight: 300; } ul.chat-list li a:hover, ul.chat-list li.active a { color: #00a9b4; background: #f2f4f7; } ul.chat-list li h4 { padding: 17px 15px; margin: 0; font-size: 14px; font-weight: 600; border-bottom: 1px solid #D5D7DE; } ul.chat-list li h4 i { padding-right: 5px; } ul.chat-list li a span { padding-left: 10px; } ul.chat-list li a i.fa-times { color: #9fa3b0; } ul.chat-list li.active { color: #00a9b4; background: #f2f4f7; } ul.chat-list { border-bottom: 1px solid #d5d7de; } ul.chat-user { margin-bottom: 200px; } ul.chat-user li { border-bottom: none; } ul.chat-user li a:hover { background: none; color: #6a6a6a; } .chat-room .left-side footer { background: #d5d7de; border-radius: 0 0 0 4px; -webkit-border-radius: 0 0 0 4px; padding: 15px; height: 70px; width: 25%; position: absolute; bottom: 0; } .chat-room .mid-side footer { background: #f6f6f6; padding: 15px; height: 70px; width: 50%; position: absolute; bottom: 0; border-right: 1px solid #E5E8EF; } .chat-room .right-side footer { background: #fff; padding: 15px; height: 70px; width: 25%; position: absolute; bottom: 0; border-top: 1px solid #E5E8EF; border-radius: 0 0 4px 0; -webkit-border-radius: 0 0 4px 0; } .chat-room .left-side footer .chat-avatar img { width: 40px; height: 40px; border: 2px solid #fff; float: left; } .chat-room .left-side footer .user-status { float: left; margin: 10px; } .chat-room .left-side footer .user-status i { padding-right: 5px; } .chat-room .left-side footer a.chat-dropdown { background: #96979a; border-radius: 2px; color: #fff; font-size: 10px; margin-top: 10px; padding: 3px 5px; } .room-desk { display: inline-block; margin-bottom: 30px; width: 100%; padding: 15px; } .room-desk h4 { text-transform: uppercase; font-weight: 300; font-size: 16px; margin: 5px 0 0 0; } .room-box { border: 1px solid #e7e7e7; background: #f7f8fa; padding: 10px; display: inline-block; width: 100%; margin-top: 10px; border-radius: 4px; -webkit-border-radius: 4px; } .room-box h5 { margin: 0 0 5px 0; font-weight: 300; font-size: 16px; } .room-box h5 a { color: #00a9b4; } .chat-tools { float: right; padding: 3px; width: 40px; height: 35px; line-height: 30px; border-radius: 3px; -webkit-border-radius: 3px; text-align: center; margin-top: 6px; margin-left: 10px; } .chat-tools i { font-size: 16px !important; float: none !important; margin-right: 0 !important; color: #fff; } .btn-key { background: #4ac9c0; } .btn-key:hover { background: #44bab2; } .invite-row { background: #E5E8EF; padding: 6px 10px; display: inline-block; width: 100%; } .invite-row h4 { font-size: 16px; font-weight: 300; } ul.chat-available-user { padding: 10px; } ul.chat-available-user li { margin-bottom: 15px; } ul.chat-available-user li a { color: #6a6a6a; } ul.chat-available-user li i { padding-right: 5px; font-size: 10px; } .group-rom { width: 100%; float: left; border-bottom: 1px solid #eaebee; } .group-rom .first-part, .group-rom .second-part, .group-rom .third-part { float: left; padding: 15px; } .group-rom .first-part { width: 25%; } .group-rom .first-part.odd { background: #f7f8fa; color: #6a6a6a; font-weight: 600; } .group-rom .second-part { width: 60%; } .group-rom .third-part { width: 15%; color: #d4d3d3; } a.guest-on { color: #6a6a6a; margin-top: 8px; display: inline-block; } a.guest-on i { background: #40cabe; color: #fff; padding: 4px; border-radius: 3px; -webkit-border-radius: 3px; margin-right: 5px; } .chat-txt { float: left; width: 70%; margin-right: 5px; } .lobby { padding: 0 !important; } /*bhavin css changes starts here*/ .back_img { background-image: url("../../public/web/images/banner.jpg"); } .back_img1 { background: url("../../public/web/images/banner.jpg") no-repeat 0 0 / cover; float: left; width: 100%; } .login_white { color: #ffffff; } .theme_color { color: #01a89e; } .border_top { border-bottom: 1px solid; color: #d7d7d7; } .sub_title { float: left; width: 100%; margin-top: 10px; } .padding_dropdown { padding: 4px; } .margin_btm { margin-bottom: 10px; } .font_increase { font-size: 26px; } .no_padd { padding: 0; } .padd_lft_0 { padding-left: 0; } .padd_rght_0 { padding-right: 0; } .sample_detail { float: left; padding: 20px 0 0; width: 100%; } .clear_data_txt { float: left; width: 100%; } .clear_data_txt h3 { float: left; width: 100%; } .sample_data { float: left; width: 100%; } .sample_data > p { float: left; width: 100%; } .sample_data > span { float: left; width: 100%; } .sample_data span a { background: #222222 none repeat scroll 0 0; color: white; float: left; padding: 10px 20px; width: auto; } .sample_data span a:hover { background: #5cb85c; transition: all 0.5s ease 0s; } .select_plan { float: left; padding: 20px 0 0; width: 100%; } .price_title { float: left; width: 100%; } .price_title > h3 { float: left; width: 100%; } .pricing_tabs { float: left; width: 100%; } .columns { float: left; width: 33.3%; padding: 8px; } .price { list-style-type: none; border: 1px solid #ccc; margin: 0; padding: 0; -webkit-transition: 0.3s; transition: 0.3s; } .price:hover { box-shadow: 0 8px 12px 0 rgba(0, 0, 0, 0.2) } .price .header { position: relative; background-color: #222222; color: white; font-size: 25px; } .price li { border-bottom: 1px solid #ccc; padding: 20px; text-align: center; } .price .grey { background-color: #eee; font-size: 20px; } .button { background-color: #5cb85c; border: none; color: white; padding: 10px 25px; text-align: center; text-decoration: none; font-size: 18px; } @media only screen and (max-width: 600px) { .columns { width: 100%; } #example_wrapper table.table.display.dataTable {display: block;float: left;overflow-x: scroll;width: 100%;} } /* HIRAL'S MEDIA QUERY START for table*/ @media only screen and (min-width: 601px) and (max-width: 1150px){ #example_wrapper table.table.display.dataTable {display: block;float: left;overflow-x: scroll;width: 100%;} } @media only screen and (min-width: 1151px) and (max-width: 1600px){ #example_wrapper table.table.display.dataTable.tab_res_errr {display: block;float: left;overflow-x: scroll;width: 100%;} } /* HIRAL'S MEDIA QUERY OVER */ /* HIRAL'S MEDIA QUERY START for two buttons sell page */ @media only screen and (min-width:992px) and (max-width:1100px){ .discard_btn a.discard_sell{padding:10px 7px;} .park_btn .park_sell{padding:10px 7px;} } /* HIRAL'S MEDIA QUERY OVER */ ul.price:hover li.header { background: #5cb85c; transition: all 0.5s ease 0s; } ul.price:hover .button { background: #222222; transition: all 0.5s ease 0s; } .billing_system { float: left; width: 100%; padding: 20px 0; } .bill_text { float: left; width: 100%; } .bill_text > h3 { float: left; width: 100%; } .billing_text { float: left; width: 100%; } .billing_text > h4 { float: left; font-weight: bold; width: 100%; } .billing_text h6 { float: left; font-size: 14px; width: 100%; } .plz_slct_plan { border: 1px solid #ccc; /*padding: 10px;*/ float: left; width: 100%; } .annual_bill { float: left; width: 100%; border: 1px solid #fff; padding: 4%; } .annual_bill h5 { float: left; font-size: 18px; font-weight: bold; margin-top: 0; width: 100%; border-bottom: 1px solid #ccc; padding-bottom: 10px; } .get_your_bill { float: left; width: 100%; } .get_your_bill > p { float: left; width: 100%; } .get_ur_aumnt { float: left; width: 100%; } .get_ur_aumnt h3 { float: left; font-weight: bold; margin-top: 0; } .get_ur_aumnt > p { float: left; font-weight: 600; margin-bottom: 2px; width: 100%; } .get_ur_aumnt small { float: left; width: 100%; } .annual_bill:hover { transition: all 0.5s ease 0s; background: #FF8D84; } .annual_bill:hover h5 { color: white; transition: all 0.5s ease 0s; } .annual_bill:hover .get_your_bill p { color: white; transition: all 0.5s ease 0s; } .annual_bill:hover .get_ur_aumnt h3 { color: white; transition: all 0.5s ease 0s; } .annual_bill:hover .get_ur_aumnt p { color: white; transition: all 0.5s ease 0s; } .annual_bill:hover .get_ur_aumnt small { color: white; transition: all 0.5s ease 0s; } .pay_now_btn { float: left; width: 100%; } .pay_now_btn a { margin-top: 10px; background: #2A3542 none repeat scroll 0 0; color: white; float: left; padding: 10px 20px; width: auto; } .pay_now_btn a:hover { background: #FF8D84; transition: all 0.5s ease 0s; } .input-group.prdct_search { float: left; padding: 10px 0 0; width: 100%; } .input-group.prdct_search input { border-radius: 5px !important; float: right; width: 30%; } /*bhavin css changes ends here*/ .check_out{float: left;width: 100%;} .check_items {float: left;width: 100%;} h4.items_count {float: left;width: auto;text-transform: uppercase;font-weight: 600;margin-right: 1%;margin-top: 0;} .check_items span {float: left;width: auto;} .park_btn {float: right;width: auto;margin-left: 3%;} .park_sell {float: left;width: auto;background:#303030;padding: 10px 15px;color: white;border:unset;} .park_sell:hover{background: #ff8d84;transition: all 0.5s ease 0s;} .discard_btn{float: right;width: auto;} a.discard_sell {float: left;width: auto;background:#303030;padding: 10px 15px;color: white;} a.discard_sell:hover{background: #ff8d84;transition: all 0.5s ease 0s;} .create_cutomer {float: left;width: 100%;padding: 10px;background: #F3F3E7;margin:0 0 10px;} .create_cutomer a {float: left;width: 100%;} .add_event_list {float: left;width: 100%;height: 400px;overflow-y:auto;margin-bottom: 1%;} .add_event_list ul {float: left;width: 100%;background: #F3F3E7;padding: 10px;margin: 0;} .add_event_list li {float: left;width: 100%;margin-bottom: 1%;} h5.event_name {float: left;width: 24%;margin-right: 1%;margin-bottom: 0;margin-top: 5px;} p.event_quantity {float: left;width: 24%;margin-right: 1%;margin-bottom: 0;} .event_quantity input[type="text"] {float: left;width: 100%;margin: 0;} span.event_rupee {float: right;width: 10%;font-size: 16px;} a.event_del {float: right;margin-left: 2%;width: 3%;text-align: center;background: #303030;} a.event_del:hover{background: #ff8d84;transition: all 0.5s ease 0s;} a.event_del i.fa.fa-trash-o {color: white;} .note_of_sale {float: left;width: 100%;} .note_of_sale > ul {float: left;margin: 0;width: 100%;} .note_of_sale li {float: left;margin-bottom: 1%;width: 100%;} .add_total {float: left;width: 100%;} .add_total > p {float: left;width: 100%;} .add_total_digit {float: left;width: 100%;text-align: right;} .add_total_digit > span {float: right;margin-left: 1%;width:auto;} .add_percent {float: left;margin-right: 1%;width: 39%;} .add_percent > input {float: left;width: 100%;} .add_rupees {float: left;margin-right: 1%;width: 39%;} .add_rupees > input {float: left;width: 100%;} .note_of_sale li:nth-child(3){border-top: 1px solid #ccc;margin-top: 2px;padding-top: 5px;} .payment_btn {float: left;width: 100%;} .final_pay {background: #303030 none repeat scroll 0 0;float: right;padding: 10px 15px;text-align: center;width: 50%;color:white;} .final_btn_pay {float: left;width: 100%;} .final_btn_pay > p {float: left;margin: 0;text-align: left;width: 100%;} .final_digit {float: left;width: 100%; text-align: right;} .final_digit > span {float: right;width: auto;} .final_pay:hover, .final_pay:focus{color: white;background:#ff8d84;transition: all 0.5s ease 0s; } .brder {border: 1px solid #ccc;float: left;margin-top: 10px;padding: 1%;width: 100%;} .ruppers_txt {float: right;width: 10%;} .ruppers_txt > span {float: left;width: auto;} .event_rupee.tmp_price466 {float: left;width: auto;} .final_btn_pay > a {background: #303030 none repeat scroll 0 0;float: left;padding: 10px;width: 100%;} .final_btn_pay > a:hover{background: #ff8d84;transition: all 0.5s ease 0s;} .final_rs_pay {color: white;float: left;font-size: 16px;font-weight: bold;text-transform: uppercase;width: auto;} .rs_cs_totl {color: white;float: right;width: auto;} .final_btn_pay span p {color: white;float: right;width: auto;margin: 0;} .search_1 {width: 100%;float: right;} .search_2 {float: right;width: 40%;margin-top: 5px;padding: 10px;} /* HIRAL CSS START */ .mrgn_0{margin:0;} .mrgn_tp_0{margin-top:0;} .mrgn_btm_20{margin-bottom:20px;} .mrgn_tp_24{margin-top:24px;} .tb_padd_larg.personal-task tbody tr td{padding:16px 15px;} .ligt_seegern{background:#f0ad4e;} .ligt_seegern a.view-all{background:hsla(0, 0%, 0%, 0.2) none repeat scroll 0 0;} .flat-carousal .lw_mrgn h1{/*margin:70px 0px 5px;*/font-weight:400;} .lw_mrgn .item a {color:white;float: left;font-size: 16px;font-weight: bold;margin-bottom: 0px;width: 100%;} .ligt_seegern .post-highlight.terques h2{font-weight:400;} .hght_145{height:145px;} .pos_txt_rund{width: auto;height: 115px;padding: 10px;} .pos_txt_rund h1{color:#FBE591;float: left;font-size: 40px;font-weight: bold;width: 100%;margin-top: 0;line-height: 75px;} .tomato_clr{background:#5cb85c;} .tomato_clr .twite h1{color:#ed5523;margin:3px 10px 20px 20px;font-size:15px;font-weight:bold;text-transform: uppercase;} .tomato_clr .social-footer ul li a i{color:white;} .hght_235{height:235px;} .fix_chrt_hght.custom-bar-chart-month .bar1 .value1{max-height:260px;} .chart_max_hght_dhbrd.custom-bar-chart .bar .value{max-height:350px;} .chart_max_hght_dhbrd.custom-bar-chart-payment .bar2 .value2{max-height:350px;} .inpt_fle {float: left;margin-right: 2%;width: 50%;} /*08-09-2016 : Neel */ .sell_tab {float: left; width: 100%;} .sell_tab h4 {float: left; font-size: 14px;font-weight: bold;width: 100%;} .sell_tab > ul {float: left;margin: 0;padding: 0;width: 100%;} .sell_tab li {float: left; width: 100%;} .sell_tab a {background:#dff0d8;border-bottom: 1px solid #e1e1e1;float: left; padding: 10px;width: 100%;cursor: pointer;} .sell_tab .no_found {border-bottom: 1px solid #e1e1e1;float: left; padding: 10px;width: 100%;} .sell_tab a:hover {background: #e7f8e0 none repeat scroll 0 0; color: black;transition:all 0.5s ease 0s;} /*08-09-2016 : Neel */ /* INVOICE START */ .invc_cmpny_name {float: left;width: 100%;text-align: center;} .cm_name {float: left;width: 100%;} .reciept {float: left;width: 100%;margin: 15px 0 10px;} .invoice_sub_tile {float: left;width: 100%;} .invoice_sub_tile ul {padding: 0;float: left;width: 100%;} .invoice_sub_tile ul li{font-size: 14px;line-height: 20px;font-weight: 600;} .soccer_ball {float: left;width: 100%;border: 1px solid #ccc;} .soccer_ball ul{float: left;width: 100%;padding: 0;margin:0;} .soccer_ball ul li{float: left;width: 100%;border-bottom: 1px solid #ccc;margin-bottom: 5px;} .soccer_ball ul li:last-child {border-bottom: medium none;margin: 0;} .product_details{float: left;width: 100%;} .product_details h5{float: left;width: 100%;font-weight: bold;} .invoice_quantity{float: left;width: 100%;} .invoice_quantity span {float: left;width: auto;} .total_quantity_prc{float: left;width: 100%;} .total_quantity_prc p{float: right;margin-top: 20px;} .invoice_total_dsn {text-align: right;width: 100%;float: right;margin-top: 15px;} .tax_subtotal {float: left;width: 100%;} .sub_ttl_invocie {float: left;width: 100%;text-align: left;margin-bottom: 10px;} .sub_ttl_invocie span {float: left;width: 100%;font-weight: bold;} .total_amount {float: right;margin-bottom: 10px;} .main_total_invoice {float: left;width: 100%;padding: 10px 0 0;border-top: 1px solid;border-bottom: 1px solid;} .total_invoice_detail {float: left;width: auto;} .total_invoice_detail span {font-weight: bold;font-size: 20px;} .total_amount span {margin: 5px 0 0;float: left;width: 100%;} .cash_invoice { float: left;width: 100%;padding: 10px 0;} /* Sell - Product Box */ .form-group div#search_result {background:white none repeat scroll 0 0;float: left;position: relative;width: 100%;z-index: 2147483647;} .sell_four_box {float: left; width: 100%; height: 448px; overflow-y: scroll;} .four_type{float: left;width:95%;margin-right:1%; margin-bottom: 20px;border-top:5px solid;border-radius: 5px;box-shadow: 0px 2px 1px #ff5722;} .four_type a{width: 100%;text-align: center;align-items: center;border: 1px solid;display: flex;float: left;height: 125px;justify-content: center;padding: 0 2px;} .four_type:hover{background-color:#F3F3E7;transition:all 0.5s ease 0s;} /* HIRAL CSS START [REGISTER CLOUSER/OPEN] 13-9-2016 start */ .clouser_register {float: left;width: 100%;} .clouser_register h2 {float: left;font-size: 28px;font-weight: bold;margin-top: 0;width: 100%;margin-bottom: 30px;} .register_details {float: left;width: 100%;} .register_details h3 {border-bottom: 1px solid #ccc;float: left;font-size: 20px;font-weight: 600;margin-bottom: 10px;padding-bottom: 10px;width: 100%;} .detail_info_of_clouser {float: left;width: 100%;} .outlet_clouser {float: left;width: 100%;} .outlet_clouser span {color: #444;float: left;width: 100%;} .outlet_clouser p {color:#000;float: left;font-weight: 600;width: 100%;} .cash_summary {float: left;width: 100%;margin-bottom: 20px;} .cash_summary h3{float: left;font-size: 20px;font-weight: 600;margin-bottom: 10px;width: 100%;} .summary_details {float: left;width: 100%;background:#fafafa;} .closer_cash {background:#FFF1E8 none repeat scroll 0 0;float: left;padding: 5px;width: 100%;} .drawer_cash {float: left;width: 100%;} .summary_cash {float: left;width: 100%;} .summary_cash h4 {float: left;font-size: 14px;text-transform: uppercase;width: 100%;color:#777777;} .closer_cash_part2 {float: left;padding: 5px;width: 100%;border-bottom: 1px solid #ccc;border-top: 1px solid #ccc;} .part_2_deatils {float: left;margin-top: 9px;width: 100%;} .summary_cash p {float: left;margin-top: 8px;width: 100%;} .closer_cash_part2 .summary_cash .form-control{height: 38px;} .closer_cash_part3 {float: left;padding: 5px;width: 100%;background:#eee;} .closer_cash_part3 .summary_cash .form-control{height: 38px;} .clouser_note_type {float: left;width: 100%;} .note_create {float: left;width: 100%;} .close_register {float: right;margin-top: 30px;width: auto;} .close_register .btn.btn-warning{background:#FF8D84;font-size: 16px;font-weight: 600;text-transform: uppercase;border:unset;padding:10px 20px;} .close_register .btn.btn-warning:hover{background:#E8766D;transition:all 0.5s ease 0s;} .add_register_closed h2{margin-bottom:5px;} .register_closed {float: left;width: 100%;} .register_closed .btn.btn-warning{background:#FF8D84;font-size: 16px;font-weight: 600;text-transform: uppercase;border:unset;padding:10px 20px;} .register_closed .btn.btn-warning:hover{background:#E8766D;transition:all 0.5s ease 0s;} .movement_day {float: left;width: 100%;} .movement_day h4 {float: left;font-size: 13px;font-weight: bold;margin: 5px 0 15px;width: 100%;} .opt_cash_day {border-bottom: 1px solid #ccc;float: left;margin-bottom: 10px;padding-bottom: 5px;width: 100%;} .cash_movement {float: left;width: 100%;} .cash_movement span {float: left;font-size: 13px;font-weight: bold;text-align: center;width: 100%;} .opt_cash_time {float: left;width: 100%;} .cash_movement p {float: left;text-align: center;width: 100%;} .cash_movement p.dark_clr {font-weight:bold;} .payment_recived {float: left;padding: 5px 0;width: 100%;} .cash_payemnt_rcvd {float: left;width: 100%;} .cash_recieved {float: left;width: 100%;} .cash_recieved p {float: left;font-size: 13px;font-weight: bold;width: 100%;} /* HIRAL CSS START [REGISTER CLOUSER/OPEN] 13-9-2016 over */ /* HIRAL CSS START [REGISTER clouser sumamry page] 14-9-2016 start */ .registerd_summary {float: left;width: 100%;padding: 15px 0 0;border-bottom: 2px dotted #ccc;margin-bottom: 20px;} .view_sammary {float: left;width: 100%;} .sumry_main {float: left;width: 100%;} .detail_of_smry {float: left;width: 100%;} .sumry_main h5 {float: left;width: 100%;font-weight: bold; margin-top: 0;} .sales_sumry {float: left;width: 100%;} .sales_sumry h3 {float: left;font-weight: 600;width: 100%;} .new_sales_sumry {border-bottom:7px double #ccc;border-top:7px double #ccc;float: left;margin: 5px 0;padding: 10px 0;width: 100%;} .nw_sales_part1 {float: left;width: 100%;border-bottom: 1px solid #ccc; padding: 0 0 5px;} .part1_sale {float: left;width: 100%;} .part1_sale span {float: left;font-weight: bold;width: 100%;} .part1_sale_dtl {float: left;width: 100%;} .part1_sale_dtl span {float: left;text-align: right;width: 100%;font-weight: bold;} .nw_sales_part2 {float: left;width: 100%;border-bottom: 1px solid #ccc; padding: 5px 0 ;} .smry_tax {float: right;width: 70%;} .part2_sale {float: left;width: 100%;} .part2_sale span {float: left;width: 100%;} .part2_sale_dtl{float: left;width: 100%;} .part2_sale_dtl span {float: left;text-align: right;width: 100%;} .nw_sales_part3{float: left;width: 100%;padding: 5px 0 0 ;} .part3_sale {float: left;width: 100%;} .part3_sale span {float: left;width: 100%;} .part3_sale_dtl{float: left;width: 100%;} .part3_sale_dtl span {float: left;text-align: right;width: 100%;} .smry_discount {float: left;width: 100%;} .smry_discount .part1_sale_dtl span{color:#FF8D84;} .smry_discount .nw_sales_part1{border-bottom:7px double #ccc;margin: 0 0 5px;} .payemnt_summry_detl {float: left;margin-top: 25px;width: 100%;} .payemnt_summry_detl .closer_cash_part2{padding:0;} .payemnt_summry_detl .closer_cash_part3{border-top:none;padding:0;} .cash_movements_smry {float: left;width: 100%;} .notes_movements_smry {float: left;margin-top: 15px;width: 100%;} .notes_movements_smry h3 {float: left;font-weight: 600;width: 100%;font-size: 20px;} .cash_movements_smry h3{float: left;font-weight: 600;width: 100%;font-size: 20px;} .file-actions .file-footer-buttons .kv-file-upload.btn.btn-xs.btn-default {display: none;} .input-group-btn .btn.btn-default.fileinput-upload.fileinput-upload-button{display:none;} .order_data_view {float: left;width: 100%; margin-top: 40px;} .my_total_amount {float: right;width: 20%;} .data_display_list {float: right;width: 100%; border-bottom: 1px solid #ccc;padding: 10px 0;} .data_display_list span {float: left;font-weight: bold;width:45%;text-align: left;} .data_display_list p {margin: 0;} .checkout_closed_register {float: left;position: relative;text-align: center;top: 190px;width: 100%;} .checkout_closed_register img {width: 15%;} .checkout_closed_register h3 {float: left;font-size: 30px;font-weight: bold;width: 100%;} .checkout_closed_register > p {font-weight: 600;width: 100%;} .checkout_closed_register .btn.btn-warning {background:#FF8D84 none repeat scroll 0 0;border:#FF8D84;font-weight: bold;padding: 12px 30px;text-transform: uppercase;} .payment_strt {float: left;margin-bottom: 10px;width: 100%;} .paymnt_rpt_srch {float: left;} .paymnt_rpt_srch label {float: left;width: 100%;} .paymnt_rpt_srch input {border:1px solid #ccc;padding:8px;width: 100%;} .sl_pymnt_pge .panel-heading {float: left;width: 100%;} .chart_max_hght_dhbrd.custom-bar-chart-payment{float:left;width:100%;} .paymnt_rpt_srch_btn .btn.btn-default{background: #303030 none repeat scroll 0 0;font-weight: bold;padding:9px 40px;text-transform: uppercase;} .paymnt_rpt_srch_btn .btn.btn-default:hover{background:#FF8D84;transition:all 0.5s ease 0s;} .paymnet_cmplt {background: white none repeat scroll 0 0;float: left;padding: 15px;width: 100%;} /* .receiept_cmplt_frm {float: left;width: 40%;margin-top: 35px;} */ .receiept_cmplt_frm h2 {float: left;font-size: 36px;width: 100%;margin-bottom: 15px;} .receiept_cmplt_frm input.form-control {height: auto;padding: 10px;width:74%;float:left;} .prnt_sbmt {background:#303030 none repeat scroll 0 0;border: 1px solid #303030;color:white;font-size: 16px;font-weight: bold;margin-left:1%;padding:8px 18px;text-transform: uppercase;} .prnt_sbmt:hover{background:#FF8D84;transition:all 0.5s ease 0s;border: 1px solid #FF8D84;} .prnt_receipt {background:#303030 none repeat scroll 0 0;border: medium none;color:#fff;margin-left: 1%;padding:9px 8px;font-size: 16px;font-weight: bold;text-transform: uppercase;} .prnt_receipt:hover{background:#FF8D84;transition:all 0.5s ease 0s;border: none;} .pnt_sb_totl .tl_lft_prnt.pull-right {float: left !important;} .prnt_rght_center {margin: 0 auto;width: 80%;} .msg_dply_prnt .form-group {float: none;margin: 20px auto;width:65%;} .prnt_sbmt_done {margin: 0;padding: 10px;background: #50BE5A none repeat scroll 0 0;border: 1px solid #50BE5A;color: white;font-size: 16px;font-weight: bold;padding: 8px 145px; text-transform: uppercase;} .prnt_sbmt_done:hover{background:#FF8D84;transition:all 0.5s ease 0s;border-color: #FF8D84;} .sel_catagory_itm {float: left; width: 100%; height: 140px; overflow-y: scroll; margin-bottom: 20px; } .active_bg {background-color:#F3F3E7;} .catg_list{border-radius: 5px;border-top: 5px solid;box-shadow: 0 2px 1px hsl(5, 100%, 69%);float: left;margin-bottom: 20px;margin-right: 1%;width: 14%;} .catg_list a{align-items: center;border: 1px solid;display: flex;float: left;height: 50px;justify-content: center;padding: 0 2px;text-align: center;width: 100%;overflow: auto;} .padd_10{padding:10px;} .add_blck_cls{display:block !important;} .scnd_chrt_set{margin-top: 50px;float: left;width: 100%;} .wrapper.pymnt_ftr_isue{ padding: 15px 15px 35px;width: 100%;} @media only screen and (min-width: 240px) and (max-width:319px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:100%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:22px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:100%;} .receiept_cmplt_frm input.form-control{width:100%; margin-bottom: 10px;} .prnt_sbmt_done{ padding: 8px 80px;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} .closer_cash{padding: 15px 0;width: 50%; text-align: center;} .closer_cash_part2{padding: 15px 10px 0;width: 50%;border:none;} .summary_cash h4{overflow-wrap: break-word;} .res_no_padd{padding:0;} .summary_cash p{overflow-wrap: break-word;} .park_btn{margin-bottom:3%;} h5.event_name{margin: 0 0 10px;width:100%;} p.event_quantity{width: 100%;margin: 0 0 10px;} a.event_del{width: 16%;} .ruppers_txt{width: 78%;} .note_of_sale ul li .col-md-6 {width: 50%;} .add_rupees{ width: 100%;} .clouser_register.add_register_closed .closer_cash{width:100%;} .clouser_register.add_register_closed .closer_cash_part2{width:100%;} .clouser_register.add_register_closed .closer_cash_part2 .col-md-4{width:20%;} .clouser_register.add_register_closed .closer_cash_part2 .col-md-8{width:80%;} .clouser_register.add_register_closed .closer_cash_part2 .drawer_cash .col-md-4{width:33%;} .clouser_register.add_register_closed .closer_cash_part2 .opt_cash_day{width:50%;border:none;} .clouser_register.add_register_closed .closer_cash_part2 .cash_movement span{line-height: 48px;font-size:12px;} .clouser_register.add_register_closed .closer_cash_part2 .opt_cash_time{width:50%;} .clouser_register.add_register_closed .payment_recived .cash_payemnt_rcvd .col-md-6{width:50%;} .clouser_register.sumamry_details .registerd_summary .col-md-6:last-child {padding: 0;} .clouser_register.sumamry_details .smry_tax{width: 90%;} .clouser_register.sumamry_details .sales_sumry .col-md-8{width: 50%;} .clouser_register.sumamry_details .sales_sumry .col-md-4{width: 50%;} .catg_list{width:32%;} } @media only screen and (min-width: 320px) and (max-width:359px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:100%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:22px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:100%;} .receiept_cmplt_frm input.form-control{width:100%; margin-bottom: 10px;} .prnt_sbmt_done{ padding: 8px 80px;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} .closer_cash{padding: 15px 0;width: 50%; text-align: center;} .closer_cash_part2{padding: 15px 10px 0;width: 50%;border:none;} .clouser_register.sumamry_details .closer_cash_part2{width: 100%;} .summary_cash h4{overflow-wrap: break-word;} .res_no_padd{padding:0;} .payemnt_summry_detl .closer_cash_part2{width:100%;} .closer_cash_part2.part3_closer_cash{width:100%;} .closer_cash_part3.part3_closer_cash .col-md-4, .closer_cash_part2.part3_closer_cash .col-md-4, .payemnt_summry_detl .closer_cash_part2 .col-md-4{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-8, .closer_cash_part2.part3_closer_cash .col-md-8, .payemnt_summry_detl .closer_cash_part2 .col-md-8{width:75%;} .closer_cash_part3.part3_closer_cash .drawer_cash .col-md-4, .closer_cash_part2.part3_closer_cash .drawer_cash .col-md-4, .payemnt_summry_detl .closer_cash_part2 .drawer_cash .col-md-4{width: 33%;} /* .cash_movements_smry .closer_cash{width:100%;} .clouser_register.sumamry_details .summary_details .closer_cash{width:100%;} .cash_movements_smry .closer_cash_part2 .col-md-2 {width:30%;} .cash_movements_smry .closer_cash_part2 .col-md-10 {width:70%;} .cash_movements_smry .closer_cash_part3 .col-md-2 {width:30%;} .cash_movements_smry .closer_cash_part3 .col-md-10 {width:70%;} */ .payemnt_summry_detl .closer_cash{width:100%;} .cash_movements_smry .closer_cash{width:100%;} .cash_movements_smry .col-md-2 {width: 21%;padding: 0 10px;} .cash_movements_smry .col-md-10 {width: 79%;padding: 0 10px;} .cash_movements_smry .drawer_cash .col-md-3{width:26%;padding: 0 5px;} .cash_movements_smry .drawer_cash .col-md-5{width:40%;padding: 0 5px;} .cash_movements_smry .drawer_cash .col-md-2{width:17%;padding: 0 5px;} .cash_movements_smry .summary_cash h4 {font-size: 12px;} .cash_movements_smry .summary_cash p{overflow-wrap: break-word;} h5.event_name{margin: 0 0 10px;width:100%;} p.event_quantity{width: 100%;margin: 0 0 10px;} a.event_del{width: 12%;} .ruppers_txt{width: 86%;} .note_of_sale ul li .col-md-6 {width: 50%;} .add_rupees{ width: 100%;} a.logo{font-size:16px;} .clouser_register.add_register_closed .closer_cash{width:100%;} .clouser_register.add_register_closed .closer_cash_part2{width:100%;} .clouser_register.add_register_closed .closer_cash_part2 .col-md-4{width:20%;} .clouser_register.add_register_closed .closer_cash_part2 .col-md-8{width:80%;} .clouser_register.add_register_closed .closer_cash_part2 .drawer_cash .col-md-4{width:33%;} .clouser_register.add_register_closed .closer_cash_part2 .opt_cash_day{width:50%;border:none;} .clouser_register.add_register_closed .closer_cash_part2 .cash_movement span{line-height: 48px;font-size:12px;} .clouser_register.add_register_closed .closer_cash_part2 .opt_cash_time{width:50%;} .clouser_register.add_register_closed .payment_recived .cash_payemnt_rcvd .col-md-6{width:50%;} .clouser_register.sumamry_details .registerd_summary .col-md-6:last-child {padding: 0;} .clouser_register.sumamry_details .smry_tax{width: 90%;} .clouser_register.sumamry_details .sales_sumry .col-md-8{width: 50%;} .clouser_register.sumamry_details .sales_sumry .col-md-4{width: 50%;} .catg_list{width:32%;} } @media only screen and (min-width: 360px) and (max-width:419px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:100%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:100%;} .receiept_cmplt_frm input.form-control{width:100%; margin-bottom: 10px;} .prnt_sbmt_done{ padding: 8px 8em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} .summary_cash h4{ overflow-wrap: break-word;} .closer_cash .col-md-4{width:25%;} .closer_cash .col-md-8{width:75%;} .closer_cash .drawer_cash .col-md-4{width:33%;} .closer_cash_part2 .col-md-4{width:25%;} .closer_cash_part2 .col-md-8{width:75%;} .closer_cash_part2 .drawer_cash .col-md-4{width:33%;} .cash_movement span{ overflow-wrap: break-word;} .opt_cash_day .col-lg-3{width:25%;} .opt_cash_time .col-lg-3{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-4{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-8{width:75%;} .closer_cash_part3.part3_closer_cash .drawer_cash .col-md-4 {width: 33%;} h5.event_name{margin: 0 0 10px;width:100%;} p.event_quantity{margin-bottom: 5px;width: 49%;} a.event_del{width: 10%;} .ruppers_txt{width: 88%;} .note_of_sale ul li .col-md-6 {width: 50%;} .add_rupees{ width: 100%;} .clouser_register.add_register_closed .payment_recived .cash_payemnt_rcvd .col-md-6{width:50%;} .clouser_register.sumamry_details .registerd_summary .col-md-6:last-child {padding: 0;} .clouser_register.sumamry_details .smry_tax{width: 90%;} .clouser_register.sumamry_details .sales_sumry .col-md-8{width: 50%;} .clouser_register.sumamry_details .sales_sumry .col-md-4{width: 50%;} .cash_movements_smry .col-md-2 {width: 21%;padding: 0 10px;} .cash_movements_smry .col-md-10 {width: 79%;padding: 0 10px;} .cash_movements_smry .drawer_cash .col-md-3{width:26%;padding: 0 5px;} .cash_movements_smry .drawer_cash .col-md-5{width:40%;padding: 0 5px;} .cash_movements_smry .drawer_cash .col-md-2{width:17%;padding: 0 5px;} .cash_movements_smry .summary_cash h4 {font-size: 12px;} .cash_movements_smry .summary_cash p{overflow-wrap: break-word;} .catg_list{width:32%;} } @media only screen and (min-width: 420px) and (max-width:479px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:100%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:100%;} .receiept_cmplt_frm input.form-control{width:100%; margin-bottom: 10px;} .prnt_sbmt_done{ padding: 8px 8em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} .payemnt_summry_detl .summary_cash h4{ overflow-wrap: break-word;} .closer_cash .col-md-4{width:25%;} .closer_cash .col-md-8{width:75%;} .closer_cash .drawer_cash .col-md-4{width:33%;} .closer_cash_part2 .col-md-4{width:25%;} .closer_cash_part2 .col-md-8{width:75%;} .closer_cash_part2 .drawer_cash .col-md-4{width:33%;} .cash_movement span{ overflow-wrap: break-word;} .opt_cash_day .col-lg-3{width:25%;} .opt_cash_time .col-lg-3{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-4{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-8{width:75%;} .closer_cash_part3.part3_closer_cash .drawer_cash .col-md-4 {width: 33%;} h5.event_name{margin: 0 0 10px;width:100%;} p.event_quantity{margin-bottom: 5px;width: 49%;} a.event_del{width: 7%;} .ruppers_txt{width: 91%;} .note_of_sale ul li .col-md-6 {width: 50%;} .clouser_register.add_register_closed .payment_recived .cash_payemnt_rcvd .col-md-6{width:50%;} .clouser_register.sumamry_details .registerd_summary .col-md-6:last-child {padding: 0;} .clouser_register.sumamry_details .smry_tax{width: 90%;} .clouser_register.sumamry_details .sales_sumry .col-md-8{width: 50%;} .clouser_register.sumamry_details .sales_sumry .col-md-4{width: 50%;} .cash_movements_smry .col-md-2 {width: 21%;padding: 0 10px;} .cash_movements_smry .col-md-10 {width: 79%;padding: 0 10px;} .cash_movements_smry .drawer_cash .col-md-3{width:26%;padding: 0 5px;} .cash_movements_smry .drawer_cash .col-md-5{width:40%;padding: 0 5px;} .cash_movements_smry .drawer_cash .col-md-2{width:17%;padding: 0 5px;} .cash_movements_smry .summary_cash h4 {font-size: 12px;} .catg_list{width:32%;} } @media only screen and (min-width: 480px) and (max-width:519px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:70%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:100%;} .receiept_cmplt_frm input.form-control{width:100%; margin-bottom: 10px;} .prnt_sbmt_done{ padding: 8px 8em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} .closer_cash .col-md-4{width:25%;} .closer_cash .col-md-8{width:75%;} .closer_cash .drawer_cash .col-md-4{width:33%;} .closer_cash_part2 .col-md-4{width:25%;} .closer_cash_part2 .col-md-8{width:75%;} .closer_cash_part2 .drawer_cash .col-md-4{width:33%;} .cash_movement span{ overflow-wrap: break-word;} .opt_cash_day .col-lg-3{width:25%;} .opt_cash_time .col-lg-3{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-4{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-8{width:75%;} .closer_cash_part3.part3_closer_cash .drawer_cash .col-md-4 {width: 33%;} .cash_movements_smry .col-md-2 {width: 21%;} .cash_movements_smry .col-md-10 {width: 79%;} .cash_movements_smry .drawer_cash .col-md-3{width:26%;} .cash_movements_smry .drawer_cash .col-md-5{width:40%;} .cash_movements_smry .drawer_cash .col-md-2{width:17%;} h5.event_name{margin: 0 0 10px;width:100%;} p.event_quantity{margin-bottom: 5px;width: 49%;} a.event_del{width: 7%;} .ruppers_txt{width: 91%;} .note_of_sale ul li .col-md-6 {width: 50%;} .clouser_register.add_register_closed .payment_recived .cash_payemnt_rcvd .col-md-6{width:50%;} .clouser_register.sumamry_details .registerd_summary .col-md-6:last-child {padding: 0;} .clouser_register.sumamry_details .smry_tax{width: 90%;} .clouser_register.sumamry_details .sales_sumry .col-md-8{width: 50%;} .clouser_register.sumamry_details .sales_sumry .col-md-4{width: 50%;} .catg_list{width:32%;} } @media only screen and (min-width: 520px) and (max-width:567px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:70%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:100%;} .receiept_cmplt_frm input.form-control{width:100%; margin-bottom: 10px;} .prnt_sbmt_done{ padding: 8px 8em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} .closer_cash .col-md-4{width:25%;} .closer_cash .col-md-8{width:75%;} .closer_cash .drawer_cash .col-md-4{width:33%;} .closer_cash_part2 .col-md-4{width:25%;} .closer_cash_part2 .col-md-8{width:75%;} .closer_cash_part2 .drawer_cash .col-md-4{width:33%;} .cash_movement span{ overflow-wrap: break-word;} .opt_cash_day .col-lg-3{width:25%;} .opt_cash_time .col-lg-3{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-4{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-8{width:75%;} .closer_cash_part3.part3_closer_cash .drawer_cash .col-md-4 {width: 33%;} .cash_movements_smry .col-md-2 {width: 21%;} .cash_movements_smry .col-md-10 {width: 79%;} .cash_movements_smry .drawer_cash .col-md-3{width:26%;} .cash_movements_smry .drawer_cash .col-md-5{width:40%;} .cash_movements_smry .drawer_cash .col-md-2{width:17%;} a.event_del{width: 5%;} .ruppers_txt{width:18%;} .note_of_sale ul li .col-md-6 {width: 50%;} .clouser_register.add_register_closed .payment_recived .cash_payemnt_rcvd .col-md-6{width:50%;} .clouser_register.sumamry_details .registerd_summary .col-md-6:last-child {padding: 0;} .clouser_register.sumamry_details .smry_tax{width: 90%;} .clouser_register.sumamry_details .sales_sumry .col-md-8{width: 50%;} .clouser_register.sumamry_details .sales_sumry .col-md-4{width: 50%;} .catg_list{width:32%;} } @media only screen and (min-width: 568px) and (max-width:599px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:70%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:100%;} .receiept_cmplt_frm input.form-control{width:100%; margin-bottom: 10px;} .prnt_sbmt_done{ padding: 8px 10em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} .closer_cash .col-md-4{width:25%;} .closer_cash .col-md-8{width:75%;} .closer_cash .drawer_cash .col-md-4{width:33%;} .closer_cash_part2 .col-md-4{width:25%;} .closer_cash_part2 .col-md-8{width:75%;} .closer_cash_part2 .drawer_cash .col-md-4{width:33%;} .cash_movement span{ overflow-wrap: break-word;} .opt_cash_day .col-lg-3{width:25%;} .opt_cash_time .col-lg-3{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-4{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-8{width:75%;} .closer_cash_part3.part3_closer_cash .drawer_cash .col-md-4 {width: 33%;} .cash_movements_smry .col-md-2 {width: 21%;} .cash_movements_smry .col-md-10 {width: 79%;} .cash_movements_smry .drawer_cash .col-md-3{width:26%;} .cash_movements_smry .drawer_cash .col-md-5{width:40%;} .cash_movements_smry .drawer_cash .col-md-2{width:17%;} a.event_del{width: 4%;} .ruppers_txt{width:19%;} .note_of_sale ul li .col-md-6 {width: 50%;} .clouser_register.add_register_closed .payment_recived .cash_payemnt_rcvd .col-md-6{width:50%;} .clouser_register.sumamry_details .registerd_summary .col-md-6:last-child {padding: 0;} .clouser_register.sumamry_details .smry_tax{width: 90%;} .clouser_register.sumamry_details .sales_sumry .col-md-8{width: 50%;} .clouser_register.sumamry_details .sales_sumry .col-md-4{width: 50%;} .catg_list{width:23%;} } @media only screen and (min-width: 600px) and (max-width:667px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:70%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:100%;} .receiept_cmplt_frm input.form-control{width:100%; margin-bottom: 10px;} .prnt_sbmt_done{ padding: 8px 10em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.no_dpl_blk_cls_cs_tab{display:block;} .closer_cash .col-md-4{width:25%;} .closer_cash .col-md-8{width:75%;} .closer_cash .drawer_cash .col-md-4{width:33%;} .closer_cash_part2 .col-md-4{width:25%;} .closer_cash_part2 .col-md-8{width:75%;} .closer_cash_part2 .drawer_cash .col-md-4{width:33%;} .cash_movement span{ overflow-wrap: break-word;} .opt_cash_day .col-lg-3{width:25%;} .opt_cash_time .col-lg-3{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-4{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-8{width:75%;} .closer_cash_part3.part3_closer_cash .drawer_cash .col-md-4 {width: 33%;} .cash_movements_smry .col-md-2 {width: 21%;} .cash_movements_smry .col-md-10 {width: 79%;} .cash_movements_smry .drawer_cash .col-md-3{width:26%;} .cash_movements_smry .drawer_cash .col-md-5{width:40%;} .cash_movements_smry .drawer_cash .col-md-2{width:17%;} a.event_del{width: 4%;} .ruppers_txt{width:19%;} .note_of_sale ul li .col-md-6 {width: 50%;} .clouser_register.add_register_closed .payment_recived .cash_payemnt_rcvd .col-md-6{width:50%;} .clouser_register.sumamry_details .registerd_summary .col-md-6:last-child {padding: 0;} .clouser_register.sumamry_details .smry_tax{width: 90%;} .clouser_register.sumamry_details .sales_sumry .col-md-8{width: 50%;} .clouser_register.sumamry_details .sales_sumry .col-md-4{width: 50%;} .catg_list{width:23%;} } @media only screen and (min-width: 668px) and (max-width:699px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:60%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:100%;} .receiept_cmplt_frm input.form-control{width:100%; margin-bottom: 10px;} .prnt_sbmt_done{ padding: 8px 10em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.no_dpl_blk_cls_cs_tab{display:block;} .closer_cash .col-md-4{width:25%;} .closer_cash .col-md-8{width:75%;} .closer_cash .drawer_cash .col-md-4{width:33%;} .closer_cash_part2 .col-md-4{width:25%;} .closer_cash_part2 .col-md-8{width:75%;} .closer_cash_part2 .drawer_cash .col-md-4{width:33%;} .cash_movement span{ overflow-wrap: break-word;} .opt_cash_day .col-lg-3{width:25%;} .opt_cash_time .col-lg-3{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-4{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-8{width:75%;} .closer_cash_part3.part3_closer_cash .drawer_cash .col-md-4 {width: 33%;} .cash_movements_smry .col-md-2 {width: 21%;} .cash_movements_smry .col-md-10 {width: 79%;} .cash_movements_smry .drawer_cash .col-md-3{width:26%;} .cash_movements_smry .drawer_cash .col-md-5{width:40%;} .cash_movements_smry .drawer_cash .col-md-2{width:17%;} a.event_del{width: 4%;} .ruppers_txt{width:19%;} .note_of_sale ul li .col-md-6 {width: 50%;} .clouser_register.add_register_closed .payment_recived .cash_payemnt_rcvd .col-md-6{width:50%;} .clouser_register.sumamry_details .registerd_summary .col-md-6:last-child {padding: 0;} .clouser_register.sumamry_details .smry_tax{width: 90%;} .clouser_register.sumamry_details .sales_sumry .col-md-8{width: 50%;} .clouser_register.sumamry_details .sales_sumry .col-md-4{width: 50%;} .catg_list{width:23%;} } @media only screen and (min-width: 700px) and (max-width:767px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:60%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:100%;} .receiept_cmplt_frm input.form-control{width:100%; margin-bottom: 10px;} .prnt_sbmt_done{ padding: 8px 10em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.no_dpl_blk_cls_cs_tab{display:block;} .closer_cash .col-md-4{width:25%;} .closer_cash .col-md-8{width:75%;} .closer_cash .drawer_cash .col-md-4{width:33%;} .closer_cash_part2 .col-md-4{width:25%;} .closer_cash_part2 .col-md-8{width:75%;} .closer_cash_part2 .drawer_cash .col-md-4{width:33%;} .cash_movement span{ overflow-wrap: break-word;} .opt_cash_day .col-lg-3{width:25%;} .opt_cash_time .col-lg-3{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-4{width:25%;} .closer_cash_part3.part3_closer_cash .col-md-8{width:75%;} .closer_cash_part3.part3_closer_cash .drawer_cash .col-md-4 {width: 33%;} .cash_movements_smry .col-md-2 {width: 21%;} .cash_movements_smry .col-md-10 {width: 79%;} .cash_movements_smry .drawer_cash .col-md-3{width:26%;} .cash_movements_smry .drawer_cash .col-md-5{width:40%;} .cash_movements_smry .drawer_cash .col-md-2{width:17%;} a.event_del{width: 4%;} .ruppers_txt{width:19%;} .note_of_sale ul li .col-md-6 {width: 50%;} .clouser_register.add_register_closed .payment_recived .cash_payemnt_rcvd .col-md-6{width:50%;} .clouser_register.sumamry_details .registerd_summary .col-md-6:last-child {padding: 0;} .clouser_register.sumamry_details .smry_tax{width: 90%;} .clouser_register.sumamry_details .sales_sumry .col-md-8{width: 50%;} .clouser_register.sumamry_details .sales_sumry .col-md-4{width: 50%;} } @media only screen and (min-width: 768px) and (max-width:799px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:60%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:75%;} .prnt_sbmt_done{ padding: 8px 11em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.no_dpl_blk_cls_cs_tab{display:block;} a.event_del{width: 4%;} .ruppers_txt{width:19%;} .res_no_padd_lft {padding: 0;margin:0 0 10px;} } @media only screen and (min-width: 800px) and (max-width:859px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:60%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:65%;} .prnt_sbmt_done{ padding: 8px 11em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.no_dpl_blk_cls_cs_tab{display:block;} a.event_del{width: 4%;} .ruppers_txt{width:19%;} .res_no_padd_lft {padding: 0;margin:0 0 10px;} } @media only screen and (min-width: 860px) and (max-width:899px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:60%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:60%;} .prnt_sbmt_done{ padding: 8px 11em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.no_dpl_blk_cls_cs_tab{display:block;} a.event_del{width: 4%;} .ruppers_txt{width:19%;} .res_no_padd_lft {padding: 0;margin:0 0 10px;} } @media only screen and (min-width: 900px) and (max-width:959px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:60%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:55%;} .prnt_sbmt_done{ padding: 8px 10em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.no_dpl_blk_cls_cs_tab{display:block;} a.event_del{width: 4%;} .ruppers_txt{width:19%;} .res_no_padd_lft {padding: 0;margin:0 0 10px;} } @media only screen and (min-width: 960px) and (max-width:991px) { .customer.padding_dropdown select {float: left;width: 100%;} .customer select.padding_dropdown {float: left;width: 100%;} .my_total_amount{width:60%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:50%;} .prnt_sbmt_done{ padding: 8px 10em;} a.event_del{width: 4%;} .ruppers_txt{width:19%;} .res_no_padd_lft {padding: 0;margin:0 0 10px;} #example_wrapper table.table.display.dataTable.no_dpl_blk_cls_cs_tab{display:table;} } @media only screen and (min-width: 992px) and (max-width:1024px) { .my_total_amount{width:50%;} .pnt_sb_totl .tl_lft_prnt{width:100%;} .receiept_cmplt_frm{width:100%;padding:0;} .receiept_cmplt_frm h2{font-size:32px;} .prnt_rght_center{width:100%;} .msg_dply_prnt .form-group{width:50%;} .prnt_sbmt_done{ padding: 8px 10em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.no_dpl_blk_cls_cs_tab{display:table;} a.event_del{width: 7%;} .ruppers_txt{width:33%;} h5.event_name{width:100%;margin:0 0 10px;} p.event_quantity{width: 28%;} .paymnt_rpt_srch_btn .btn.btn-default{padding: 9px 35px;} .catg_list{width:32%;} } @media only screen and (min-width: 1025px) and (max-width:1079px) { .my_total_amount{width:50%;} .receiept_cmplt_frm{padding-right:0;} .prnt_rght_center{width:100%;} .receiept_cmplt_frm h2{margin-top:0;font-size:32px;} .msg_dply_prnt .form-group{width:100%;} .receiept_cmplt_frm input.form-control{margin-bottom:10px;width:100%;} .prnt_sbmt_done{padding:8px 8em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.no_dpl_blk_cls_cs_tab{display:table;} a.event_del{width: 7%;} .ruppers_txt{width:33%;} h5.event_name{width:100%;margin:0 0 10px;} p.event_quantity{width: 28%;} .paymnt_rpt_srch_btn .btn.btn-default{padding: 9px 35px;} .catg_list{width:32%;} } @media only screen and (min-width: 1080px) and (max-width:1119px) { .my_total_amount{width:50%;} .receiept_cmplt_frm{padding-right:0;} .prnt_rght_center{width:100%;} .receiept_cmplt_frm h2{margin-top:0;font-size:32px;} .msg_dply_prnt .form-group{width:100%;} .receiept_cmplt_frm input.form-control{margin-bottom:10px;width:100%;} .prnt_sbmt_done{padding:8px 8em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.no_dpl_blk_cls_cs_tab{display:table;} a.event_del{width: 7%;} .ruppers_txt{width:33%;} h5.event_name{width:100%;margin:0 0 10px;} p.event_quantity{width: 28%;} .catg_list{width:32%;} } @media only screen and (min-width: 1120px) and (max-width:1199px) { .my_total_amount{width:40%;} .receiept_cmplt_frm{padding-right:0;} .prnt_rght_center{width:100%;} .receiept_cmplt_frm h2{margin-top:0;font-size:32px;} .msg_dply_prnt .form-group{width:100%;} .prnt_sbmt_done{padding:8px 8em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.no_dpl_blk_cls_cs_tab{display:table;} a.event_del{width: 6%;} .ruppers_txt{width:34%;} h5.event_name{width:100%;margin:0 0 10px;} p.event_quantity{width: 28%;} .catg_list{width:32%;} } @media only screen and (min-width: 1200px) and (max-width:1299px) { .my_total_amount{width:30%;} .receiept_cmplt_frm{padding-right:0;} .prnt_rght_center{width:100%;} .receiept_cmplt_frm h2{margin-top:0;} .msg_dply_prnt .form-group{width:80%;} .receiept_cmplt_frm input.form-control{width:70%;} .prnt_sbmt_done{padding:8px 8em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} a.event_del{width: 6%;} .ruppers_txt{width:34%;} h5.event_name{width:100%;margin:0 0 10px;} p.event_quantity{width: 28%;} .paymnt_rpt_srch_btn .btn.btn-default{padding:9px;} .catg_list{width:32%;} } @media only screen and (min-width: 1300px) and (max-width:1399px) { .my_total_amount{width:30%;} .receiept_cmplt_frm{padding-right:0;} .prnt_rght_center{width:100%;} .receiept_cmplt_frm h2{margin-top:0;} .msg_dply_prnt .form-group{width:72%;} .receiept_cmplt_frm input.form-control{width:70%;} .prnt_sbmt_done{padding:8px 8em;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.tab_res_errr.no_dpl_blck_cls{display:inline-table;} a.event_del{width: 4%;} .ruppers_txt{width:19%;} .paymnt_rpt_srch_btn .btn.btn-default{padding:9px;} .catg_list{width:23%;} } @media only screen and (min-width: 1400px) and (max-width:1499px) { .my_total_amount{width:30%;} .receiept_cmplt_frm{padding-right:0;} .prnt_rght_center{width:100%;} .receiept_cmplt_frm h2{margin-top:0;} .prnt_sbmt_done{padding:8px 8em;} .receiept_cmplt_frm input.form-control{width:70%;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.tab_res_errr.no_dpl_blck_cls{display:inline-table;} a.event_del{width: 4%;} .ruppers_txt{width:19%;} .paymnt_rpt_srch_btn .btn.btn-default{padding:9px;} .catg_list{width:23%;} } @media only screen and (min-width: 1500px) and (max-width:1599px) { .receiept_cmplt_frm{padding-right:0;} .prnt_rght_center{width:100%;} .receiept_cmplt_frm h2{margin-top:0;} .receiept_cmplt_frm input.form-control{width:70%;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} #example_wrapper table.table.display.dataTable.tab_res_errr.no_dpl_blck_cls{display:inline-table;} .ruppers_txt{width:20%;} .paymnt_rpt_srch_btn .btn.btn-default{padding:9px;} .catg_list{width:19%;} } @media only screen and (min-width: 1600px) and (max-width:1699px) { .receiept_cmplt_frm{padding-right:0;} .prnt_rght_center{width:100%;} .receiept_cmplt_frm h2{margin-top:0;} .receiept_cmplt_frm input.form-control{width:70%;} .res_tab_prfl_prdt table.table {display: block;float: left;overflow-x: scroll;width: 100%;background:white;} .ruppers_txt{width:20%;} .paymnt_rpt_srch_btn .btn.btn-default{padding:9px;} .catg_list{width:19%;} } @media only screen and (min-width: 1700px) and (max-width:1799px) { .receiept_cmplt_frm{padding-right:0;} .prnt_rght_center{width:100%;} .receiept_cmplt_frm h2{margin-top:0;} .ruppers_txt{width:20%;} } @media only screen and (min-width: 1800px) and (max-width:1900px) { .receiept_cmplt_frm{padding-right:0;} .prnt_rght_center{width:100%;} .receiept_cmplt_frm h2{margin-top:0;} .msg_dply_prnt .form-group{width:55%;} .ruppers_txt{width:20%;} } .product_header{ background: #ff8d84; font-size: 16px; font-weight: 300; color: white; width: 100%; padding: 1%; border-radius: 4px; margin-top: 10px; } .border{ border: 1px solid #8B4513; } .border_p{ border: 1px solid #ccc; height: 37px; padding: 10px; } .padding_zero{ padding-left: 0px !important; padding-right: 0px !important; } .text-right{ text-align: right; } .p_font_size{ font-size: 18px; margin: 5px 0; } .para{ font-weight: bold; font-size: 20px; border-bottom: 1px dashed #303030; } .p1_font{ font-size: 16px; } /*@page { size: auto; width: 100%; height: 100%; border: 1px solid #8B4513; }*/ /*@media print{ body { box-sizing: border-box; border: 1px solid black; } }*/ @media only screen and (max-width: 500px) { .username{display: none;} } .panel-footer { background-color: transparent !important; } .form-control {margin: 10px 0px 10px 0px;} @media only screen and (max-width: 600px) { .dataTables_length { width: 100%!important; } .dataTables_filter { width: 100%!important; text-align: left!important; float: left!important; } .dataTables_filter label{ width: 100%!important; } } .form-control.file-caption { margin-bottom: 10px; } .alert.alert-success, .alert.alert-danger{ position: fixed; top: 65px; right: 30px; background: rgba(255, 0, 0, 0.3); color: #fff; padding: 15px; color: white; opacity: 0.83; transition: opacity 0.6s; margin-bottom: 15px; font-size: 16px; font-weight: 600; /*width: 30%;*/ text-align: left; z-index: 9999; border: none; } .alert.alert-danger { background-color: #f44336; } .alert.alert-success { background-color: #4CAF50; } #msg .alert p{ float: left; margin-top: 5px; margin-left: 10px; } #msg .alert i{ float: left; } .closebtn { padding-left: 15px; color: white; font-weight: bold; float: right; font-size: 20px; line-height: 30px; cursor: pointer; transition: 0.3s; } label.error{ color: red; font-weight: 500; } .thumbnail{ width: 60px; height: 60px; padding: 3px; margin: 0; } .thumbnail.big{ width: 120px; height: 120px; } .search_form_area{ border: 1px solid #ccc; padding: 5px; background: #f3f3f3; } .search_form_area input.form-control{ width: 100%; height: 40px; border-radius: 0; } .search_form_area .serach_button{ line-height: 5.5rem; } .price .tblheader { position: relative; background-color: #222222; color: white; font-size: 25px; } ul.price:hover li.tblheader { background: #5cb85c; transition: all 0.5s ease 0s; } .branchSelect{margin-top: 10px; height: 40px; border-radius: 0; } .panel-heading { background: #ed5523; } .btn-success { background-color: #222222 !important; border-color: #222222 !important; color: #fff !important; font-weight: 700 !important; transition: 0.2s linear; } .btn-success:hover{ color: #ed5523 !important; } .btn-primary { background: linear-gradient(60deg, #d9a156, #cd8a2e) !important; border-color: transparent !important; color: #ffffff !important; text-transform: uppercase !important; font-weight: 600 !important; } .btn-info { background:linear-gradient(60deg, #fa8b30, #f07006)!important; border-color: transparent!important; color: #ffffff!important; text-transform: uppercase!important; font-weight: 600!important; } .btn-danger { background: linear-gradient(60deg, #f55a4e, #f32c1e) !important; border-color:transparent !important; color: #ffffff !important; text-transform: uppercase !important; font-weight: 600 !important; } tr.odd.gradeX td.sorting_1 a{ margin: 5px; } .circle-image { width: 50px; height: 50px; padding: 3px; margin: 0; border-radius: 100%; display: inline-block; margin-right: 10px; border: 0; } /*================================================*/ .tgl-group{ position: absolute; right: 0px; } .order-counter-circle{ border-radius: 20px; border: 2px solid #FFF; width: 30px !important; height: 30px !important; background-color: #35b735 !important; position: absolute; top: 0px; right: -5px; font-size: 10px; line-height: 20px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #FFF; font-weight: 700; display: flex; justify-content: center; align-items: center; } .order-counter-circle-yellow{ border-radius: 20px; border: 2px solid #FFF; width: 30px !important; height: 30px !important; background-color: yellow !important; position: absolute; top: 0px; right: -5px; font-size: 10px; line-height: 20px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #000 !important; font-weight: 700; display: flex; justify-content: center; align-items: center; } .order-counter-circle-red{ border-radius: 20px; border: 2px solid #FFF; width: 30px !important; height: 30px !important; background-color: red !important; position: absolute; top: 0px; right: -5px; font-size: 10px; line-height: 20px; font-family: 'Roboto', sans-serif; font-weight: 400; color: #000 !important; font-weight: 700; display: flex; justify-content: center; align-items: center; } .order-total-amount .data_display_list { display: flex; align-items: center; } .order-total-amount .data_display_list > span { width: 100% !important; } .order-total-amount .data_display_list .form-control{ width: 100% !important; } @media (min-width: 768px){ .order-total-amount .data_display_list .form-control{ width: 100% !important; } } .my-descount-per{ position: relative; } .percentage-icon{ width: 34px !important; height: 34px !important; position: absolute; top: 20px; right: 0; background:gray; color: #fff; display: flex; justify-content: center; align-items: center; border-radius: 5px; } /*------table-new-css---*/ tr.even.gradeX td.sorting_1 a { margin: 5px; } #close_register{ margin-left: 10px; } .table-heade-preview{ margin-right: 10px; } .common-input-padding{ padding: 6px 12px; } .wrapper .btn-warning { background-color: #f1c500 !important; border-color: #f1c500 !important; color: #FFFFFF !important; transition: 0.3s; } .wrapper .btn-danger{ transition: 0.3s; } .wrapper .btn-warning:hover{ color: #222 !important; } .wrapper .btn-danger:hover{ color: #222 !important; } .btn-brown { background: #fff; !important; border: 1px solid #fff !important; color: #222 !important; transition: 0.3s; } .btn-brown:hover{ background: transparent !important; border: 1px solid #fff !important; color: #fff !important; } .summary-tbody td:nth-child(2) input{ max-width: 100px; } .summary-tbody td:nth-child(3) input{ max-width: 100px; } .datetimepicker-dropdown-bottom-right .prev{ position: relative; } .datetimepicker-dropdown-bottom-right .prev:before{ content: "\f104"; font-family: "FONTAWESOME"; position: absolute; top: 7px; left: 10px; z-index: 1; } .datetimepicker-dropdown-bottom-right .next{ position: relative; } .datetimepicker-dropdown-bottom-right .next:before{ content: "\f105"; font-family: "FONTAWESOME"; position: absolute; top: 7px; left: 10px; z-index: 1; } .modal-header{ background: #ed5523 !important; position: relative; } .modal-title{ font-weight: bold !important; } .modal-header .close { position: absolute; top: 12px; right: 15px; font-size: 30px; color: #fff !important; opacity: 1 !important; } .refreshPage { margin-left: 10px; margin-bottom: 10px; } .assign-menu{ display: flex; align-items: center; justify-content: space-between; } .customer-info{ display: flex; align-items: center; justify-content:space-between; } .customer-info label{ flex-basis: 50%; } .customer-info input{ flex-basis: 50%; } .updateStock{ border: none; width: 100%; max-width: 35px; height: 35px; object-fit: contain; } .updateStock img{ width: 100%; height: 100%; }