/* Minification failed. Returning unminified contents. (13407,22): run-time error CSS1039: Token not allowed after unary operator: '-pure-material-onsurface-rgb' (13408,23): run-time error CSS1039: Token not allowed after unary operator: '-pure-material-font' (13476,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (13476,35): run-time error CSS1046: Expect comma, found '-' (13476,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-pure-material-primary-rgb' (13476,66): run-time error CSS1034: Expected closing parenthesis, found ',' (13476,66): run-time error CSS1042: Expected function, found ',' (13476,76): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (13487,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (13487,35): run-time error CSS1046: Expect comma, found '-' (13487,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-pure-material-onprimary-rgb' (13487,69): run-time error CSS1034: Expected closing parenthesis, found ',' (13487,69): run-time error CSS1042: Expected function, found ',' (13487,79): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (13516,31): run-time error CSS1047: Expected number or percentage value in rgb function, found 'var(' (13516,35): run-time error CSS1046: Expect comma, found '-' (13516,36): run-time error CSS1047: Expected number or percentage value in rgb function, found '-pure-material-primary-rgb' (13516,66): run-time error CSS1034: Expected closing parenthesis, found ',' (13516,66): run-time error CSS1042: Expected function, found ',' (13516,76): run-time error CSS1062: Expected semicolon or closing curly-brace, found ')' (13521,37): run-time error CSS1039: Token not allowed after unary operator: '-pure-material-onsurface-rgb' (13530,30): run-time error CSS1039: Token not allowed after unary operator: '-pure-material-onsurface-rgb' (14113,21): run-time error CSS1035: Expected colon, found '.3s' (19145,11): run-time error CSS1035: Expected colon, found 'font-size' (19984,30): run-time error CSS1046: Expect comma, found '32' (19984,36): run-time error CSS1046: Expect comma, found '/' (21521,1): run-time error CSS1019: Unexpected token, found '}' (21595,1): run-time error CSS1019: Unexpected token, found '}' (22025,38): run-time error CSS1046: Expect comma, found '49' (22025,44): run-time error CSS1046: Expect comma, found '/' (22472,1): run-time error CSS1019: Unexpected token, found '}' (22512,11): run-time error CSS1036: Expected expression, found ';' (22665,36): run-time error CSS1046: Expect comma, found '49' (22665,42): run-time error CSS1046: Expect comma, found '/' (22666,23): run-time error CSS1038: Expected hex color, found '#CCCC' (22675,23): run-time error CSS1038: Expected hex color, found '#CCCC' (22683,36): run-time error CSS1046: Expect comma, found '49' (22683,42): run-time error CSS1046: Expect comma, found '/' (22684,23): run-time error CSS1038: Expected hex color, found '#CCCC' (22723,23): run-time error CSS1038: Expected hex color, found '#CCCC' (22758,23): run-time error CSS1038: Expected hex color, found '#CCCC' (22914,23): run-time error CSS1038: Expected hex color, found '#CCCC' (22924,23): run-time error CSS1038: Expected hex color, found '#CCCC' (23000,12): run-time error CSS1038: Expected hex color, found '#ffff' (23040,16): run-time error CSS1038: Expected hex color, found '#ffff' (23327,38): run-time error CSS1046: Expect comma, found '49' (23327,44): run-time error CSS1046: Expect comma, found '/' (23412,39): run-time error CSS1062: Expected semicolon or closing curly-brace, found ':' (23419,23): run-time error CSS1038: Expected hex color, found '#EEEE' */ /* NUGET: BEGIN LICENSE TEXT * * Microsoft grants you the right to use these script files for the sole * purpose of either: (i) interacting through your browser with the Microsoft * website or online service, subject to the applicable licensing or use * terms; or (ii) using the files as included with a Microsoft product subject * to that product's license terms. Microsoft reserves all other rights to the * files not expressly granted by Microsoft, whether by implication, estoppel * or otherwise. The notices and licenses below are for informational purposes only. * * NUGET: END LICENSE TEXT */ /*! * Bootstrap v3.0.0 * * Copyright 2013 Twitter, Inc * Licensed under the Apache License v2.0 * http://www.apache.org/licenses/LICENSE-2.0 * * Designed and built with all the love in the world by @mdo and @fat. *//*! normalize.css v2.1.0 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{outline:0}h1{margin:.67em 0;font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}hr{height:0;-moz-box-sizing:content-box;box-sizing:content-box}mark{color:#000;background:#ff0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{padding:.35em .625em .75em;margin:0 2px;border:1px solid #c0c0c0}legend{padding:0;border:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:100%}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}button[disabled],html input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{padding:0;box-sizing:border-box}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}@media print{*{color:#000!important;text-shadow:none!important;background:transparent!important;box-shadow:none!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:""}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:2cm .5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}.navbar{display:none}.table td,.table th{background-color:#fff!important}.btn>.caret,.dropup>.btn>.caret{border-top-color:#000!important}.label{border:1px solid #000}.table{border-collapse:collapse!important}.table-bordered th,.table-bordered td{border:1px solid #ddd!important}}*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:1.428571429;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button,input,select[multiple],textarea{background-image:none}a{color:#428bca;text-decoration:none}a:hover,a:focus{color:#2a6496;text-decoration:underline}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}img{vertical-align:middle}.img-responsive{display:block;height:auto;max-width:100%}.img-rounded{border-radius:6px}.img-thumbnail{display:inline-block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.img-circle{border-radius:50%}hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}p{margin:0 0 10px}.lead{margin-bottom:20px;font-size:16.099999999999998px;font-weight:200;line-height:1.4}@media(min-width:768px){.lead{font-size:21px}}small{font-size:85%}cite{font-style:normal}.text-muted{color:#999}.text-primary{color:#428bca}.text-warning{color:#c09853}.text-danger{color:#b94a48}.text-success{color:#468847}.text-info{color:#3a87ad}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:500;line-height:1.1}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small{font-weight:normal;line-height:1;color:#999}h1,h2,h3{margin-top:20px;margin-bottom:10px}h4,h5,h6{margin-top:10px;margin-bottom:10px}h1,.h1{font-size:36px}h2,.h2{font-size:30px}h3,.h3{font-size:24px}h4,.h4{font-size:18px}h5,.h5{font-size:14px}h6,.h6{font-size:12px}h1 small,.h1 small{font-size:24px}h2 small,.h2 small{font-size:18px}h3 small,.h3 small,h4 small,.h4 small{font-size:14px}.page-header{padding-bottom:9px;margin:40px 0 20px;border-bottom:1px solid #eee}ul,ol{margin-top:0;margin-bottom:10px}ul ul,ol ul,ul ol,ol ol{margin-bottom:0}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline>li{display:inline-block;padding-right:5px;padding-left:5px}dl{margin-bottom:20px}dt,dd{line-height:1.428571429}dt{font-weight:bold}dd{margin-left:0}@media(min-width:768px){.dl-horizontal dt{float:left;width:160px;overflow:hidden;clear:left;text-align:right;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}.dl-horizontal dd:before,.dl-horizontal dd:after{display:table;content:" "}.dl-horizontal dd:after{clear:both}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}abbr.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10px 20px;margin:0 0 20px;border-left:5px solid #eee}blockquote p{font-size:17.5px;font-weight:300;line-height:1.25}blockquote p:last-child{margin-bottom:0}blockquote small{display:block;line-height:1.428571429;color:#999}blockquote small:before{content:'\2014 \00A0'}blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #eee;border-left:0}blockquote.pull-right p,blockquote.pull-right small{text-align:right}blockquote.pull-right small:before{content:''}blockquote.pull-right small:after{content:'\00A0 \2014'}q:before,q:after,blockquote:before,blockquote:after{content:""}address{display:block;margin-bottom:20px;font-style:normal;line-height:1.428571429}code,pre{font-family:Monaco,Menlo,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;white-space:nowrap;background-color:#f9f2f4;border-radius:4px}pre{display:block;padding:9.5px;margin:0 0 10px;font-size:13px;line-height:1.428571429;color:#333;word-break:break-all;word-wrap:break-word;background-color:#f5f5f5;border:1px solid #ccc;border-radius:4px}pre.prettyprint{margin-bottom:20px}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.container:before,.container:after{display:table;content:" "}.container:after{clear:both}.row{margin-right:-15px;margin-left:-15px}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.row:before,.row:after{display:table;content:" "}.row:after{clear:both}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{position:relative;min-height:1px;padding-right:15px;padding-left:15px}.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11{float:left}.col-xs-1{width:8.333333333333332%}.col-xs-2{width:16.666666666666664%}.col-xs-3{width:25%}.col-xs-4{width:33.33333333333333%}.col-xs-5{width:41.66666666666667%}.col-xs-6{width:50%}.col-xs-7{width:58.333333333333336%}.col-xs-8{width:66.66666666666666%}.col-xs-9{width:75%}.col-xs-10{width:83.33333333333334%}.col-xs-11{width:91.66666666666666%}.col-xs-12{width:100%}@media(min-width:768px){.container{max-width:750px}.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11{float:left}.col-sm-1{width:8.333333333333332%}.col-sm-2{width:16.666666666666664%}.col-sm-3{width:25%}.col-sm-4{width:33.33333333333333%}.col-sm-5{width:41.66666666666667%}.col-sm-6{width:50%}.col-sm-7{width:58.333333333333336%}.col-sm-8{width:66.66666666666666%}.col-sm-9{width:75%}.col-sm-10{width:83.33333333333334%}.col-sm-11{width:91.66666666666666%}.col-sm-12{width:100%}.col-sm-push-1{left:8.333333333333332%}.col-sm-push-2{left:16.666666666666664%}.col-sm-push-3{left:25%}.col-sm-push-4{left:33.33333333333333%}.col-sm-push-5{left:41.66666666666667%}.col-sm-push-6{left:50%}.col-sm-push-7{left:58.333333333333336%}.col-sm-push-8{left:66.66666666666666%}.col-sm-push-9{left:75%}.col-sm-push-10{left:83.33333333333334%}.col-sm-push-11{left:91.66666666666666%}.col-sm-pull-1{right:8.333333333333332%}.col-sm-pull-2{right:16.666666666666664%}.col-sm-pull-3{right:25%}.col-sm-pull-4{right:33.33333333333333%}.col-sm-pull-5{right:41.66666666666667%}.col-sm-pull-6{right:50%}.col-sm-pull-7{right:58.333333333333336%}.col-sm-pull-8{right:66.66666666666666%}.col-sm-pull-9{right:75%}.col-sm-pull-10{right:83.33333333333334%}.col-sm-pull-11{right:91.66666666666666%}.col-sm-offset-1{margin-left:8.333333333333332%}.col-sm-offset-2{margin-left:16.666666666666664%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333333333%}.col-sm-offset-5{margin-left:41.66666666666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.333333333333336%}.col-sm-offset-8{margin-left:66.66666666666666%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333333334%}.col-sm-offset-11{margin-left:91.66666666666666%}}@media(min-width:992px){.container{max-width:970px}.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11{float:left}.col-md-1{width:8.333333333333332%}.col-md-2{width:16.666666666666664%}.col-md-3{width:25%}.col-md-4{width:33.33333333333333%}.col-md-5{width:41.66666666666667%}.col-md-6{width:50%}.col-md-7{width:58.333333333333336%}.col-md-8{width:66.66666666666666%}.col-md-9{width:75%}.col-md-10{width:83.33333333333334%}.col-md-11{width:91.66666666666666%}.col-md-12{width:100%}.col-md-push-0{left:auto}.col-md-push-1{left:8.333333333333332%}.col-md-push-2{left:16.666666666666664%}.col-md-push-3{left:25%}.col-md-push-4{left:33.33333333333333%}.col-md-push-5{left:41.66666666666667%}.col-md-push-6{left:50%}.col-md-push-7{left:58.333333333333336%}.col-md-push-8{left:66.66666666666666%}.col-md-push-9{left:75%}.col-md-push-10{left:83.33333333333334%}.col-md-push-11{left:91.66666666666666%}.col-md-pull-0{right:auto}.col-md-pull-1{right:8.333333333333332%}.col-md-pull-2{right:16.666666666666664%}.col-md-pull-3{right:25%}.col-md-pull-4{right:33.33333333333333%}.col-md-pull-5{right:41.66666666666667%}.col-md-pull-6{right:50%}.col-md-pull-7{right:58.333333333333336%}.col-md-pull-8{right:66.66666666666666%}.col-md-pull-9{right:75%}.col-md-pull-10{right:83.33333333333334%}.col-md-pull-11{right:91.66666666666666%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.333333333333332%}.col-md-offset-2{margin-left:16.666666666666664%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333333333%}.col-md-offset-5{margin-left:41.66666666666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.333333333333336%}.col-md-offset-8{margin-left:66.66666666666666%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333333334%}.col-md-offset-11{margin-left:91.66666666666666%}}@media(min-width:1200px){.container{max-width:1170px}.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11{float:left}.col-lg-1{width:8.333333333333332%}.col-lg-2{width:16.666666666666664%}.col-lg-3{width:25%}.col-lg-4{width:33.33333333333333%}.col-lg-5{width:41.66666666666667%}.col-lg-6{width:50%}.col-lg-7{width:58.333333333333336%}.col-lg-8{width:66.66666666666666%}.col-lg-9{width:75%}.col-lg-10{width:83.33333333333334%}.col-lg-11{width:91.66666666666666%}.col-lg-12{width:100%}.col-lg-push-0{left:auto}.col-lg-push-1{left:8.333333333333332%}.col-lg-push-2{left:16.666666666666664%}.col-lg-push-3{left:25%}.col-lg-push-4{left:33.33333333333333%}.col-lg-push-5{left:41.66666666666667%}.col-lg-push-6{left:50%}.col-lg-push-7{left:58.333333333333336%}.col-lg-push-8{left:66.66666666666666%}.col-lg-push-9{left:75%}.col-lg-push-10{left:83.33333333333334%}.col-lg-push-11{left:91.66666666666666%}.col-lg-pull-0{right:auto}.col-lg-pull-1{right:8.333333333333332%}.col-lg-pull-2{right:16.666666666666664%}.col-lg-pull-3{right:25%}.col-lg-pull-4{right:33.33333333333333%}.col-lg-pull-5{right:41.66666666666667%}.col-lg-pull-6{right:50%}.col-lg-pull-7{right:58.333333333333336%}.col-lg-pull-8{right:66.66666666666666%}.col-lg-pull-9{right:75%}.col-lg-pull-10{right:83.33333333333334%}.col-lg-pull-11{right:91.66666666666666%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.333333333333332%}.col-lg-offset-2{margin-left:16.666666666666664%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333333333%}.col-lg-offset-5{margin-left:41.66666666666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.333333333333336%}.col-lg-offset-8{margin-left:66.66666666666666%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333333334%}.col-lg-offset-11{margin-left:91.66666666666666%}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:20px}.table thead>tr>th,.table tbody>tr>th,.table tfoot>tr>th,.table thead>tr>td,.table tbody>tr>td,.table tfoot>tr>td{padding:8px;line-height:1.428571429;vertical-align:top;border-top:1px solid #ddd}.table thead>tr>th{vertical-align:bottom;border-bottom:2px solid #ddd}.table caption+thead tr:first-child th,.table colgroup+thead tr:first-child th,.table thead:first-child tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child td{border-top:0}.table tbody+tbody{border-top:2px solid #ddd}.table .table{background-color:#fff}.table-condensed thead>tr>th,.table-condensed tbody>tr>th,.table-condensed tfoot>tr>th,.table-condensed thead>tr>td,.table-condensed tbody>tr>td,.table-condensed tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #ddd}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-child(odd)>td,.table-striped>tbody>tr:nth-child(odd)>th{background-color:#f9f9f9}.table-hover>tbody>tr:hover>td,.table-hover>tbody>tr:hover>th{background-color:#f5f5f5}table col[class*="col-"]{display:table-column;float:none}table td[class*="col-"],table th[class*="col-"]{display:table-cell;float:none}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8;border-color:#d6e9c6}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td{background-color:#d0e9c6;border-color:#c9e2b3}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede;border-color:#eed3d7}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td{background-color:#ebcccc;border-color:#e6c1c7}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3;border-color:#fbeed5}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td{background-color:#faf2cc;border-color:#f8e5be}@media(max-width:768px){.table-responsive{width:100%;margin-bottom:15px;overflow-x:scroll;overflow-y:hidden;border:1px solid #ddd}.table-responsive>.table{margin-bottom:0;background-color:#fff}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>thead>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>thead>tr:last-child>td,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}fieldset{padding:0;margin:0;border:0}legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:inherit;color:#333;border:0;border-bottom:1px solid #e5e5e5}label{display:inline-block;margin-bottom:5px;font-weight:bold}input[type="search"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}input[type="radio"],input[type="checkbox"]{margin:4px 0 0;margin-top:1px \9;line-height:normal}input[type="file"]{display:block}select[multiple],select[size]{height:auto}select optgroup{font-family:inherit;font-size:inherit;font-style:inherit}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}input[type="number"]::-webkit-outer-spin-button,input[type="number"]::-webkit-inner-spin-button{height:auto}.form-control:-moz-placeholder{color:#999}.form-control::-moz-placeholder{color:#999}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control{display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.428571429;color:#555;vertical-align:middle;background-color:#fff;border:1px solid #ccc;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.form-control:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(102,175,233,0.6)}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eee}textarea.form-control{height:auto}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:20px;padding-left:20px;margin-top:10px;margin-bottom:10px;vertical-align:middle}.radio label,.checkbox label{display:inline;margin-bottom:0;font-weight:normal;cursor:pointer}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{float:left;margin-left:-20px}.radio+.radio,.checkbox+.checkbox{margin-top:-5px}.radio-inline,.checkbox-inline{display:inline-block;padding-left:20px;margin-bottom:0;font-weight:normal;vertical-align:middle;cursor:pointer}.radio-inline+.radio-inline,.checkbox-inline+.checkbox-inline{margin-top:0;margin-left:10px}input[type="radio"][disabled],input[type="checkbox"][disabled],.radio[disabled],.radio-inline[disabled],.checkbox[disabled],.checkbox-inline[disabled],fieldset[disabled] input[type="radio"],fieldset[disabled] input[type="checkbox"],fieldset[disabled] .radio,fieldset[disabled] .radio-inline,fieldset[disabled] .checkbox,fieldset[disabled] .checkbox-inline{cursor:not-allowed}.input-sm{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-sm{height:30px;line-height:30px}textarea.input-sm{height:auto}.input-lg{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-lg{height:45px;line-height:45px}textarea.input-lg{height:auto}.has-warning .help-block,.has-warning .control-label{color:#c09853}.has-warning .form-control{border-color:#c09853;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-warning .form-control:focus{border-color:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}.has-warning .input-group-addon{color:#c09853;background-color:#fcf8e3;border-color:#c09853}.has-error .help-block,.has-error .control-label{color:#b94a48}.has-error .form-control{border-color:#b94a48;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-error .form-control:focus{border-color:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392}.has-error .input-group-addon{color:#b94a48;background-color:#f2dede;border-color:#b94a48}.has-success .help-block,.has-success .control-label{color:#468847}.has-success .form-control{border-color:#468847;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075)}.has-success .form-control:focus{border-color:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b}.has-success .input-group-addon{color:#468847;background-color:#dff0d8;border-color:#468847}.form-control-static{padding-top:7px;margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#737373}@media(min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block}.form-inline .radio,.form-inline .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{padding-top:7px;margin-top:0;margin-bottom:0}.form-horizontal .form-group{margin-right:-15px;margin-left:-15px}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}.form-horizontal .form-group:before,.form-horizontal .form-group:after{display:table;content:" "}.form-horizontal .form-group:after{clear:both}@media(min-width:768px){.form-horizontal .control-label{text-align:right}}.btn{display:inline-block;padding:6px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;cursor:pointer;border:1px solid transparent;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none}.btn:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333;text-decoration:none}.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333;background-color:#fff;border-color:#ccc}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333;background-color:#ebebeb;border-color:#adadad}.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none}.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc}.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e}.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none}.btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd}.btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512}.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none}.btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236}.btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925}.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none}.btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a}.btn-success{color:#fff;background-color:#5cb85c;border-color:#4cae4c}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#47a447;border-color:#398439}.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none}.btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#5cb85c;border-color:#4cae4c}.btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc}.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none}.btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da}.btn-link{font-weight:normal;color:#428bca;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none}.btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent}.btn-link:hover,.btn-link:focus{color:#2a6496;text-decoration:underline;background-color:transparent}.btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none}.btn-lg{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-sm,.btn-xs{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-xs{padding:1px 5px}.btn-block{display:block;width:100%;padding-right:0;padding-left:0}.btn-block+.btn-block{margin-top:5px}input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block{width:100%}.fade{opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height .35s ease;transition:height .35s ease}@font-face{font-family:'Glyphicons Halflings';src:url('../fonts/glyphicons-halflings-regular.eot');src:url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),url('../fonts/glyphicons-halflings-regular.woff') format('woff'),url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'),url('../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';-webkit-font-smoothing:antialiased;font-style:normal;font-weight:normal;line-height:1}.glyphicon-asterisk:before{content:"\2a"}.glyphicon-plus:before{content:"\2b"}.glyphicon-euro:before{content:"\20ac"}.glyphicon-minus:before{content:"\2212"}.glyphicon-cloud:before{content:"\2601"}.glyphicon-envelope:before{content:"\2709"}.glyphicon-pencil:before{content:"\270f"}.glyphicon-glass:before{content:"\e001"}.glyphicon-music:before{content:"\e002"}.glyphicon-search:before{content:"\e003"}.glyphicon-heart:before{content:"\e005"}.glyphicon-star:before{content:"\e006"}.glyphicon-star-empty:before{content:"\e007"}.glyphicon-user:before{content:"\e008"}.glyphicon-film:before{content:"\e009"}.glyphicon-th-large:before{content:"\e010"}.glyphicon-th:before{content:"\e011"}.glyphicon-th-list:before{content:"\e012"}.glyphicon-ok:before{content:"\e013"}.glyphicon-remove:before{content:"\e014"}.glyphicon-zoom-in:before{content:"\e015"}.glyphicon-zoom-out:before{content:"\e016"}.glyphicon-off:before{content:"\e017"}.glyphicon-signal:before{content:"\e018"}.glyphicon-cog:before{content:"\e019"}.glyphicon-trash:before{content:"\e020"}.glyphicon-home:before{content:"\e021"}.glyphicon-file:before{content:"\e022"}.glyphicon-time:before{content:"\e023"}.glyphicon-road:before{content:"\e024"}.glyphicon-download-alt:before{content:"\e025"}.glyphicon-download:before{content:"\e026"}.glyphicon-upload:before{content:"\e027"}.glyphicon-inbox:before{content:"\e028"}.glyphicon-play-circle:before{content:"\e029"}.glyphicon-repeat:before{content:"\e030"}.glyphicon-refresh:before{content:"\e031"}.glyphicon-list-alt:before{content:"\e032"}.glyphicon-flag:before{content:"\e034"}.glyphicon-headphones:before{content:"\e035"}.glyphicon-volume-off:before{content:"\e036"}.glyphicon-volume-down:before{content:"\e037"}.glyphicon-volume-up:before{content:"\e038"}.glyphicon-qrcode:before{content:"\e039"}.glyphicon-barcode:before{content:"\e040"}.glyphicon-tag:before{content:"\e041"}.glyphicon-tags:before{content:"\e042"}.glyphicon-book:before{content:"\e043"}.glyphicon-print:before{content:"\e045"}.glyphicon-font:before{content:"\e047"}.glyphicon-bold:before{content:"\e048"}.glyphicon-italic:before{content:"\e049"}.glyphicon-text-height:before{content:"\e050"}.glyphicon-text-width:before{content:"\e051"}.glyphicon-align-left:before{content:"\e052"}.glyphicon-align-center:before{content:"\e053"}.glyphicon-align-right:before{content:"\e054"}.glyphicon-align-justify:before{content:"\e055"}.glyphicon-list:before{content:"\e056"}.glyphicon-indent-left:before{content:"\e057"}.glyphicon-indent-right:before{content:"\e058"}.glyphicon-facetime-video:before{content:"\e059"}.glyphicon-picture:before{content:"\e060"}.glyphicon-map-marker:before{content:"\e062"}.glyphicon-adjust:before{content:"\e063"}.glyphicon-tint:before{content:"\e064"}.glyphicon-edit:before{content:"\e065"}.glyphicon-share:before{content:"\e066"}.glyphicon-check:before{content:"\e067"}.glyphicon-move:before{content:"\e068"}.glyphicon-step-backward:before{content:"\e069"}.glyphicon-fast-backward:before{content:"\e070"}.glyphicon-backward:before{content:"\e071"}.glyphicon-play:before{content:"\e072"}.glyphicon-pause:before{content:"\e073"}.glyphicon-stop:before{content:"\e074"}.glyphicon-forward:before{content:"\e075"}.glyphicon-fast-forward:before{content:"\e076"}.glyphicon-step-forward:before{content:"\e077"}.glyphicon-eject:before{content:"\e078"}.glyphicon-chevron-left:before{content:"\e079"}.glyphicon-chevron-right:before{content:"\e080"}.glyphicon-plus-sign:before{content:"\e081"}.glyphicon-minus-sign:before{content:"\e082"}.glyphicon-remove-sign:before{content:"\e083"}.glyphicon-ok-sign:before{content:"\e084"}.glyphicon-question-sign:before{content:"\e085"}.glyphicon-info-sign:before{content:"\e086"}.glyphicon-screenshot:before{content:"\e087"}.glyphicon-remove-circle:before{content:"\e088"}.glyphicon-ok-circle:before{content:"\e089"}.glyphicon-ban-circle:before{content:"\e090"}.glyphicon-arrow-left:before{content:"\e091"}.glyphicon-arrow-right:before{content:"\e092"}.glyphicon-arrow-up:before{content:"\e093"}.glyphicon-arrow-down:before{content:"\e094"}.glyphicon-share-alt:before{content:"\e095"}.glyphicon-resize-full:before{content:"\e096"}.glyphicon-resize-small:before{content:"\e097"}.glyphicon-exclamation-sign:before{content:"\e101"}.glyphicon-gift:before{content:"\e102"}.glyphicon-leaf:before{content:"\e103"}.glyphicon-eye-open:before{content:"\e105"}.glyphicon-eye-close:before{content:"\e106"}.glyphicon-warning-sign:before{content:"\e107"}.glyphicon-plane:before{content:"\e108"}.glyphicon-random:before{content:"\e110"}.glyphicon-comment:before{content:"\e111"}.glyphicon-magnet:before{content:"\e112"}.glyphicon-chevron-up:before{content:"\e113"}.glyphicon-chevron-down:before{content:"\e114"}.glyphicon-retweet:before{content:"\e115"}.glyphicon-shopping-cart:before{content:"\e116"}.glyphicon-folder-close:before{content:"\e117"}.glyphicon-folder-open:before{content:"\e118"}.glyphicon-resize-vertical:before{content:"\e119"}.glyphicon-resize-horizontal:before{content:"\e120"}.glyphicon-hdd:before{content:"\e121"}.glyphicon-bullhorn:before{content:"\e122"}.glyphicon-certificate:before{content:"\e124"}.glyphicon-thumbs-up:before{content:"\e125"}.glyphicon-thumbs-down:before{content:"\e126"}.glyphicon-hand-right:before{content:"\e127"}.glyphicon-hand-left:before{content:"\e128"}.glyphicon-hand-up:before{content:"\e129"}.glyphicon-hand-down:before{content:"\e130"}.glyphicon-circle-arrow-right:before{content:"\e131"}.glyphicon-circle-arrow-left:before{content:"\e132"}.glyphicon-circle-arrow-up:before{content:"\e133"}.glyphicon-circle-arrow-down:before{content:"\e134"}.glyphicon-globe:before{content:"\e135"}.glyphicon-tasks:before{content:"\e137"}.glyphicon-filter:before{content:"\e138"}.glyphicon-fullscreen:before{content:"\e140"}.glyphicon-dashboard:before{content:"\e141"}.glyphicon-heart-empty:before{content:"\e143"}.glyphicon-link:before{content:"\e144"}.glyphicon-phone:before{content:"\e145"}.glyphicon-usd:before{content:"\e148"}.glyphicon-gbp:before{content:"\e149"}.glyphicon-sort:before{content:"\e150"}.glyphicon-sort-by-alphabet:before{content:"\e151"}.glyphicon-sort-by-alphabet-alt:before{content:"\e152"}.glyphicon-sort-by-order:before{content:"\e153"}.glyphicon-sort-by-order-alt:before{content:"\e154"}.glyphicon-sort-by-attributes:before{content:"\e155"}.glyphicon-sort-by-attributes-alt:before{content:"\e156"}.glyphicon-unchecked:before{content:"\e157"}.glyphicon-expand:before{content:"\e158"}.glyphicon-collapse-down:before{content:"\e159"}.glyphicon-collapse-up:before{content:"\e160"}.glyphicon-log-in:before{content:"\e161"}.glyphicon-flash:before{content:"\e162"}.glyphicon-log-out:before{content:"\e163"}.glyphicon-new-window:before{content:"\e164"}.glyphicon-record:before{content:"\e165"}.glyphicon-save:before{content:"\e166"}.glyphicon-open:before{content:"\e167"}.glyphicon-saved:before{content:"\e168"}.glyphicon-import:before{content:"\e169"}.glyphicon-export:before{content:"\e170"}.glyphicon-send:before{content:"\e171"}.glyphicon-floppy-disk:before{content:"\e172"}.glyphicon-floppy-saved:before{content:"\e173"}.glyphicon-floppy-remove:before{content:"\e174"}.glyphicon-floppy-save:before{content:"\e175"}.glyphicon-floppy-open:before{content:"\e176"}.glyphicon-credit-card:before{content:"\e177"}.glyphicon-transfer:before{content:"\e178"}.glyphicon-cutlery:before{content:"\e179"}.glyphicon-header:before{content:"\e180"}.glyphicon-compressed:before{content:"\e181"}.glyphicon-earphone:before{content:"\e182"}.glyphicon-phone-alt:before{content:"\e183"}.glyphicon-tower:before{content:"\e184"}.glyphicon-stats:before{content:"\e185"}.glyphicon-sd-video:before{content:"\e186"}.glyphicon-hd-video:before{content:"\e187"}.glyphicon-subtitles:before{content:"\e188"}.glyphicon-sound-stereo:before{content:"\e189"}.glyphicon-sound-dolby:before{content:"\e190"}.glyphicon-sound-5-1:before{content:"\e191"}.glyphicon-sound-6-1:before{content:"\e192"}.glyphicon-sound-7-1:before{content:"\e193"}.glyphicon-copyright-mark:before{content:"\e194"}.glyphicon-registration-mark:before{content:"\e195"}.glyphicon-cloud-download:before{content:"\e197"}.glyphicon-cloud-upload:before{content:"\e198"}.glyphicon-tree-conifer:before{content:"\e199"}.glyphicon-tree-deciduous:before{content:"\e200"}.glyphicon-briefcase:before{content:"\1f4bc"}.glyphicon-calendar:before{content:"\1f4c5"}.glyphicon-pushpin:before{content:"\1f4cc"}.glyphicon-paperclip:before{content:"\1f4ce"}.glyphicon-camera:before{content:"\1f4f7"}.glyphicon-lock:before{content:"\1f512"}.glyphicon-bell:before{content:"\1f514"}.glyphicon-bookmark:before{content:"\1f516"}.glyphicon-fire:before{content:"\1f525"}.glyphicon-wrench:before{content:"\1f527"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid #000;border-right:4px solid transparent;border-bottom:0 dotted;border-left:4px solid transparent;content:""}.dropdown{position:relative}.dropdown-toggle:focus{outline:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:160px;padding:5px 0;margin:2px 0 0;font-size:14px;list-style:none;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);border-radius:4px;-webkit-box-shadow:0 6px 12px rgba(0,0,0,0.175);box-shadow:0 6px 12px rgba(0,0,0,0.175);background-clip:padding-box}.dropdown-menu.pull-right{right:0;left:auto}.dropdown-menu .divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.428571429;color:#333;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{color:#fff;text-decoration:none;background-color:#428bca}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#fff;text-decoration:none;background-color:#428bca;outline:0}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;cursor:not-allowed;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.428571429;color:#999}.dropdown-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0 dotted;border-bottom:4px solid #000;content:""}.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu{top:auto;bottom:100%;margin-bottom:1px}@media(min-width:768px){.navbar-right .dropdown-menu{right:0;left:auto}}.btn-default .caret{border-top-color:#333}.btn-primary .caret,.btn-success .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret{border-top-color:#fff}.dropup .btn-default .caret{border-bottom-color:#333}.dropup .btn-primary .caret,.dropup .btn-success .caret,.dropup .btn-warning .caret,.dropup .btn-danger .caret,.dropup .btn-info .caret{border-bottom-color:#fff}.btn-group,.btn-group-vertical{position:relative;display:inline-block;vertical-align:middle}.btn-group>.btn,.btn-group-vertical>.btn{position:relative;float:left}.btn-group>.btn:hover,.btn-group-vertical>.btn:hover,.btn-group>.btn:focus,.btn-group-vertical>.btn:focus,.btn-group>.btn:active,.btn-group-vertical>.btn:active,.btn-group>.btn.active,.btn-group-vertical>.btn.active{z-index:2}.btn-group>.btn:focus,.btn-group-vertical>.btn:focus{outline:0}.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left:-1px}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar:before,.btn-toolbar:after{display:table;content:" "}.btn-toolbar:after{clear:both}.btn-toolbar .btn-group{float:left}.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group,.btn-toolbar>.btn-group+.btn-group{margin-left:5px}.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius:0}.btn-group>.btn:first-child{margin-left:0}.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.btn-group>.btn-group{float:left}.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group>.btn-group:first-child>.btn:last-child,.btn-group>.btn-group:first-child>.dropdown-toggle{border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:last-child>.btn:first-child{border-bottom-left-radius:0;border-top-left-radius:0}.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline:0}.btn-group-xs>.btn{padding:5px 10px;padding:1px 5px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}.btn-group-lg>.btn{padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}.btn-group>.btn+.dropdown-toggle{padding-right:8px;padding-left:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-right:12px;padding-left:12px}.btn-group.open .dropdown-toggle{-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}.btn .caret{margin-left:0}.btn-lg .caret{border-width:5px 5px 0;border-bottom-width:0}.dropup .btn-lg .caret{border-width:0 5px 5px}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{display:block;float:none;width:100%;max-width:100%}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after{display:table;content:" "}.btn-group-vertical>.btn-group:after{clear:both}.btn-group-vertical>.btn-group>.btn{float:none}.btn-group-vertical>.btn+.btn,.btn-group-vertical>.btn+.btn-group,.btn-group-vertical>.btn-group+.btn,.btn-group-vertical>.btn-group+.btn-group{margin-top:-1px;margin-left:0}.btn-group-vertical>.btn:not(:first-child):not(:last-child){border-radius:0}.btn-group-vertical>.btn:first-child:not(:last-child){border-top-right-radius:4px;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-top-right-radius:0;border-bottom-left-radius:4px;border-top-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius:0}.btn-group-vertical>.btn-group:first-child>.btn:last-child,.btn-group-vertical>.btn-group:first-child>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;border-collapse:separate;table-layout:fixed}.btn-group-justified .btn{display:table-cell;float:none;width:1%}[data-toggle="buttons"]>.btn>input[type="radio"],[data-toggle="buttons"]>.btn>input[type="checkbox"]{display:none}.input-group{position:relative;display:table;border-collapse:separate}.input-group.col{float:none;padding-right:0;padding-left:0}.input-group .form-control{width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:45px;padding:10px 16px;font-size:18px;line-height:1.33;border-radius:6px}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:45px;line-height:45px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn{height:auto}.input-group-sm>.form-control,.input-group-sm>.input-group-addon,.input-group-sm>.input-group-btn>.btn{height:30px;padding:5px 10px;font-size:12px;line-height:1.5;border-radius:3px}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon,select.input-group-sm>.input-group-btn>.btn{height:30px;line-height:30px}textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon,textarea.input-group-sm>.input-group-btn>.btn{height:auto}.input-group-addon,.input-group-btn,.input-group .form-control{display:table-cell}.input-group-addon:not(:first-child):not(:last-child),.input-group-btn:not(:first-child):not(:last-child),.input-group .form-control:not(:first-child):not(:last-child){border-radius:0}.input-group-addon,.input-group-btn{width:1%;white-space:nowrap;vertical-align:middle}.input-group-addon{padding:6px 12px;font-size:14px;font-weight:normal;line-height:1;text-align:center;background-color:#eee;border:1px solid #ccc;border-radius:4px}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:3px}.input-group-addon.input-lg{padding:10px 16px;font-size:18px;border-radius:6px}.input-group-addon input[type="radio"],.input-group-addon input[type="checkbox"]{margin-top:0}.input-group .form-control:first-child,.input-group-addon:first-child,.input-group-btn:first-child>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-addon:first-child{border-right:0}.input-group .form-control:last-child,.input-group-addon:last-child,.input-group-btn:last-child>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-4px}.input-group-btn>.btn:hover,.input-group-btn>.btn:active{z-index:2}.nav{padding-left:0;margin-bottom:0;list-style:none}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav:before,.nav:after{display:table;content:" "}.nav:after{clear:both}.nav>li{position:relative;display:block}.nav>li>a{position:relative;display:block;padding:10px 15px}.nav>li>a:hover,.nav>li>a:focus{text-decoration:none;background-color:#eee}.nav>li.disabled>a{color:#999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999;text-decoration:none;cursor:not-allowed;background-color:transparent}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eee;border-color:#428bca}.nav .nav-divider{height:1px;margin:9px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #ddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.428571429;border:1px solid transparent;border-radius:4px 4px 0 0}.nav-tabs>li>a:hover{border-color:#eee #eee #ddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}.nav-tabs.nav-justified{width:100%;border-bottom:0}.nav-tabs.nav-justified>li{float:none}.nav-tabs.nav-justified>li>a{text-align:center}@media(min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}}.nav-tabs.nav-justified>li>a{margin-right:0;border-bottom:1px solid #ddd}.nav-tabs.nav-justified>.active>a{border-bottom-color:#fff}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:5px}.nav-pills>li+li{margin-left:2px}.nav-pills>li.active>a,.nav-pills>li.active>a:hover,.nav-pills>li.active>a:focus{color:#fff;background-color:#428bca}.nav-stacked>li{float:none}.nav-stacked>li+li{margin-top:2px;margin-left:0}.nav-justified{width:100%}.nav-justified>li{float:none}.nav-justified>li>a{text-align:center}@media(min-width:768px){.nav-justified>li{display:table-cell;width:1%}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-bottom:1px solid #ddd}.nav-tabs-justified>.active>a{border-bottom-color:#fff}.tabbable:before,.tabbable:after{display:table;content:" "}.tabbable:after{clear:both}.tabbable:before,.tabbable:after{display:table;content:" "}.tabbable:after{clear:both}.tab-content>.tab-pane,.pill-content>.pill-pane{display:none}.tab-content>.active,.pill-content>.active{display:block}.nav .caret{border-top-color:#428bca;border-bottom-color:#428bca}.nav a:hover .caret{border-top-color:#2a6496;border-bottom-color:#2a6496}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;z-index:1000;min-height:50px;margin-bottom:20px;border:1px solid transparent}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}.navbar:before,.navbar:after{display:table;content:" "}.navbar:after{clear:both}@media(min-width:768px){.navbar{border-radius:4px}}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}.navbar-header:before,.navbar-header:after{display:table;content:" "}.navbar-header:after{clear:both}@media(min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;padding-right:15px;padding-left:15px;overflow-x:visible;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse:before,.navbar-collapse:after{display:table;content:" "}.navbar-collapse:after{clear:both}.navbar-collapse.in{overflow-y:auto}@media(min-width:768px){.navbar-collapse{width:auto;border-top:0;box-shadow:none}.navbar-collapse.collapse{display:block!important;height:auto!important;padding-bottom:0;overflow:visible!important}.navbar-collapse.in{overflow-y:visible}.navbar-collapse .navbar-nav.navbar-left:first-child{margin-left:-15px}.navbar-collapse .navbar-nav.navbar-right:last-child{margin-right:-15px}.navbar-collapse .navbar-text:last-child{margin-right:0}}.container>.navbar-header,.container>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media(min-width:768px){.container>.navbar-header,.container>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{border-width:0 0 1px}@media(min-width:768px){.navbar-static-top{border-radius:0}}.navbar-fixed-top,.navbar-fixed-bottom{position:fixed;right:0;left:0;border-width:0 0 1px}@media(min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;z-index:1030}.navbar-fixed-bottom{bottom:0;margin-bottom:0}.navbar-brand{float:left;padding:15px 15px;font-size:18px;line-height:20px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media(min-width:768px){.navbar>.container .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;padding:9px 10px;margin-top:8px;margin-right:15px;margin-bottom:8px;background-color:transparent;border:1px solid transparent;border-radius:4px}.navbar-toggle .icon-bar{display:block;width:22px;height:2px;border-radius:1px}.navbar-toggle .icon-bar+.icon-bar{margin-top:4px}@media(min-width:768px){.navbar-toggle{display:none}}.navbar-nav{margin:7.5px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:20px}@media(max-width:767px){.navbar-nav .open .dropdown-menu{position:static;float:none;width:auto;margin-top:0;background-color:transparent;border:0;box-shadow:none}.navbar-nav .open .dropdown-menu>li>a,.navbar-nav .open .dropdown-menu .dropdown-header{padding:5px 15px 5px 25px}.navbar-nav .open .dropdown-menu>li>a{line-height:20px}.navbar-nav .open .dropdown-menu>li>a:hover,.navbar-nav .open .dropdown-menu>li>a:focus{background-image:none}}@media(min-width:768px){.navbar-nav{float:left;margin:0}.navbar-nav>li{float:left}.navbar-nav>li>a{padding-top:15px;padding-bottom:15px}}@media(min-width:768px){.navbar-left{float:left!important}.navbar-right{float:right!important}}.navbar-form{padding:10px 15px;margin-top:8px;margin-right:-15px;margin-bottom:8px;margin-left:-15px;border-top:1px solid transparent;border-bottom:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)}@media(min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;padding-left:0;margin-top:0;margin-bottom:0}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}}@media(max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media(min-width:768px){.navbar-form{width:auto;padding-top:0;padding-bottom:0;margin-right:0;margin-left:0;border:0;-webkit-box-shadow:none;box-shadow:none}}.navbar-nav>li>.dropdown-menu{margin-top:0;border-top-right-radius:0;border-top-left-radius:0}.navbar-fixed-bottom .navbar-nav>li>.dropdown-menu{border-bottom-right-radius:0;border-bottom-left-radius:0}.navbar-nav.pull-right>li>.dropdown-menu,.navbar-nav>li>.dropdown-menu.pull-right{right:0;left:auto}.navbar-btn{margin-top:8px;margin-bottom:8px}.navbar-text{float:left;margin-top:15px;margin-bottom:15px}@media(min-width:768px){.navbar-text{margin-right:15px;margin-left:15px}}.navbar-default{background-color:#f8f8f8;border-color:#e7e7e7}.navbar-default .navbar-brand{color:#777}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#5e5e5e;background-color:transparent}.navbar-default .navbar-text{color:#777}.navbar-default .navbar-nav>li>a{color:#777}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#ccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:#ddd}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:#ddd}.navbar-default .navbar-toggle .icon-bar{background-color:#ccc}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#e6e6e6}.navbar-default .navbar-nav>.dropdown>a:hover .caret,.navbar-default .navbar-nav>.dropdown>a:focus .caret{border-top-color:#333;border-bottom-color:#333}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav>.open>a .caret,.navbar-default .navbar-nav>.open>a:hover .caret,.navbar-default .navbar-nav>.open>a:focus .caret{border-top-color:#555;border-bottom-color:#555}.navbar-default .navbar-nav>.dropdown>a .caret{border-top-color:#777;border-bottom-color:#777}@media(max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#777}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#333;background-color:transparent}.navbar-default .navbar-nav .open .dropdown-menu>.active>a,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus{color:#555;background-color:#e7e7e7}.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#ccc;background-color:transparent}}.navbar-default .navbar-link{color:#777}.navbar-default .navbar-link:hover{color:#333}.navbar-inverse{background-color:#222;border-color:#080808}.navbar-inverse .navbar-brand{color:#999}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-text{color:#999}.navbar-inverse .navbar-nav>li>a{color:#999}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:#333}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:#333}.navbar-inverse .navbar-toggle .icon-bar{background-color:#fff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#101010}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav>.dropdown>a:hover .caret{border-top-color:#fff;border-bottom-color:#fff}.navbar-inverse .navbar-nav>.dropdown>a .caret{border-top-color:#999;border-bottom-color:#999}.navbar-inverse .navbar-nav>.open>a .caret,.navbar-inverse .navbar-nav>.open>a:hover .caret,.navbar-inverse .navbar-nav>.open>a:focus .caret{border-top-color:#fff;border-bottom-color:#fff}@media(max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#999}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#fff;background-color:transparent}.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus{color:#fff;background-color:#080808}.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>.disabled>a:focus{color:#444;background-color:transparent}}.navbar-inverse .navbar-link{color:#999}.navbar-inverse .navbar-link:hover{color:#fff}.breadcrumb{padding:8px 15px;margin-bottom:20px;list-style:none;background-color:#f5f5f5;border-radius:4px}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{padding:0 5px;color:#ccc;content:"/\00a0"}.breadcrumb>.active{color:#999}.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.428571429;text-decoration:none;background-color:#fff;border:1px solid #ddd}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:4px;border-top-left-radius:4px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{background-color:#eee}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>span:hover,.pagination>.active>a:focus,.pagination>.active>span:focus{z-index:2;color:#fff;cursor:default;background-color:#428bca;border-color:#428bca}.pagination>.disabled>span,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999;cursor:not-allowed;background-color:#fff;border-color:#ddd}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:6px;border-top-left-radius:6px}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination-sm>li>a,.pagination-sm>li>span{padding:5px 10px;font-size:12px}.pagination-sm>li:first-child>a,.pagination-sm>li:first-child>span{border-bottom-left-radius:3px;border-top-left-radius:3px}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager:before,.pager:after{display:table;content:" "}.pager:after{clear:both}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:#fff;border:1px solid #ddd;border-radius:15px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eee}.pager .next>a,.pager .next>span{float:right}.pager .previous>a,.pager .previous>span{float:left}.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span{color:#999;cursor:not-allowed;background-color:#fff}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#fff;text-decoration:none;cursor:pointer}.label:empty{display:none}.label-default{background-color:#999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#428bca}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#3071a9}.label-success{background-color:#5cb85c}.label-success[href]:hover,.label-success[href]:focus{background-color:#449d44}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#f0ad4e}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#ec971f}.label-danger{background-color:#d9534f}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#c9302c}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;background-color:#999;border-radius:10px}.badge:empty{display:none}a.badge:hover,a.badge:focus{color:#fff;text-decoration:none;cursor:pointer}.btn .badge{position:relative;top:-1px}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#428bca;background-color:#fff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;font-size:21px;font-weight:200;line-height:2.1428571435;color:inherit;background-color:#eee}.jumbotron h1{line-height:1;color:inherit}.jumbotron p{line-height:1.4}.container .jumbotron{border-radius:6px}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-right:60px;padding-left:60px}.jumbotron h1{font-size:63px}}.thumbnail{display:inline-block;display:block;height:auto;max-width:100%;padding:4px;line-height:1.428571429;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img{display:block;height:auto;max-width:100%}a.thumbnail:hover,a.thumbnail:focus{border-color:#428bca}.thumbnail>img{margin-right:auto;margin-left:auto}.thumbnail .caption{padding:9px;color:#333}.alert{padding:15px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.alert h4{margin-top:0;color:inherit}.alert .alert-link{font-weight:bold}.alert>p,.alert>ul{margin-bottom:0}.alert>p+p{margin-top:5px}.alert-dismissable{padding-right:35px}.alert-dismissable .close{position:relative;top:-2px;right:-21px;color:inherit}.alert-success{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.alert-success hr{border-top-color:#c9e2b3}.alert-success .alert-link{color:#356635}.alert-info{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.alert-info hr{border-top-color:#a6e1ec}.alert-info .alert-link{color:#2d6987}.alert-warning{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.alert-warning hr{border-top-color:#f8e5be}.alert-warning .alert-link{color:#a47e3c}.alert-danger{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.alert-danger hr{border-top-color:#e6c1c7}.alert-danger .alert-link{color:#953b39}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{height:20px;margin-bottom:20px;overflow:hidden;background-color:#f5f5f5;border-radius:4px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);box-shadow:inset 0 1px 2px rgba(0,0,0,0.1)}.progress-bar{float:left;width:0;height:100%;font-size:12px;color:#fff;text-align:center;background-color:#428bca;-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);box-shadow:inset 0 -1px 0 rgba(0,0,0,0.15);-webkit-transition:width .6s ease;transition:width .6s ease}.progress-striped .progress-bar{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-size:40px 40px}.progress.active .progress-bar{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#5cb85c}.progress-striped .progress-bar-success{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-info{background-color:#5bc0de}.progress-striped .progress-bar-info{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-warning{background-color:#f0ad4e}.progress-striped .progress-bar-warning{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.progress-bar-danger{background-color:#d9534f}.progress-striped .progress-bar-danger{background-image:-webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));background-image:-webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:-moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);background-image:linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)}.media,.media-body{overflow:hidden;zoom:1}.media,.media .media{margin-top:15px}.media:first-child{margin-top:0}.media-object{display:block}.media-heading{margin:0 0 5px}.media>.pull-left{margin-right:10px}.media>.pull-right{margin-left:10px}.media-list{padding-left:0;list-style:none}.list-group{padding-left:0;margin-bottom:20px}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#fff;border:1px solid #ddd}.list-group-item:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555}a.list-group-item .list-group-item-heading{color:#333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}.list-group-item.active,.list-group-item.active:hover,.list-group-item.active:focus{z-index:2;color:#fff;background-color:#428bca;border-color:#428bca}.list-group-item.active .list-group-item-heading,.list-group-item.active:hover .list-group-item-heading,.list-group-item.active:focus .list-group-item-heading{color:inherit}.list-group-item.active .list-group-item-text,.list-group-item.active:hover .list-group-item-text,.list-group-item.active:focus .list-group-item-text{color:#e1edf7}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel-body:before,.panel-body:after{display:table;content:" "}.panel-body:after{clear:both}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0}.panel>.list-group .list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.panel>.list-group .list-group-item:last-child{border-bottom:0}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table{margin-bottom:0}.panel>.panel-body+.table{border-top:1px solid #ddd}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-title{margin-top:0;margin-bottom:0;font-size:16px}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}.panel-group .panel{margin-bottom:0;overflow:hidden;border-radius:4px}.panel-group .panel+.panel{margin-top:5px}.panel-group .panel-heading{border-bottom:0}.panel-group .panel-heading+.panel-collapse .panel-body{border-top:1px solid #ddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #ddd}.panel-default{border-color:#ddd}.panel-default>.panel-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#ddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ddd}.panel-primary{border-color:#428bca}.panel-primary>.panel-heading{color:#fff;background-color:#428bca;border-color:#428bca}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#428bca}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#428bca}.panel-success{border-color:#d6e9c6}.panel-success>.panel-heading{color:#468847;background-color:#dff0d8;border-color:#d6e9c6}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#d6e9c6}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d6e9c6}.panel-warning{border-color:#fbeed5}.panel-warning>.panel-heading{color:#c09853;background-color:#fcf8e3;border-color:#fbeed5}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#fbeed5}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#fbeed5}.panel-danger{border-color:#eed3d7}.panel-danger>.panel-heading{color:#b94a48;background-color:#f2dede;border-color:#eed3d7}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#eed3d7}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#eed3d7}.panel-info{border-color:#bce8f1}.panel-info>.panel-heading{color:#3a87ad;background-color:#d9edf7;border-color:#bce8f1}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#bce8f1}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#bce8f1}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#f5f5f5;border:1px solid #e3e3e3;border-radius:4px;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.05);box-shadow:inset 0 1px 1px rgba(0,0,0,0.05)}.well blockquote{border-color:#ddd;border-color:rgba(0,0,0,0.15)}.well-lg{padding:24px;border-radius:6px}.well-sm{padding:9px;border-radius:3px}.close{float:right;font-size:21px;font-weight:bold;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}body.modal-open,.modal-open .navbar-fixed-top,.modal-open .navbar-fixed-bottom{margin-right:15px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;z-index:99999;display:none;overflow:auto;overflow-y:scroll}.modal.fade .modal-dialog{-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);transform:translate(0,-25%);-webkit-transition:-webkit-transform .3s ease-out;-moz-transition:-moz-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0)}.modal-dialog{z-index:1050;width:auto;padding:10px;margin-right:auto;margin-left:auto}.modal-content{position:relative;background-color:#fff;border:1px solid #999;border:1px solid rgba(0,0,0,0.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,0.5);box-shadow:0 3px 9px rgba(0,0,0,0.5);background-clip:padding-box}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1030;background-color:#000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:.5;filter:alpha(opacity=50)}.modal-header{min-height:16.428571429px;padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.428571429}.modal-body{position:relative;padding:20px}.modal-footer{padding:19px 20px 20px;margin-top:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer:before,.modal-footer:after{display:table;content:" "}.modal-footer:after{clear:both}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media screen and (min-width:768px){.modal-dialog{right:auto;left:50%;width:600px;padding-top:30px;padding-bottom:30px}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,0.5);box-shadow:0 5px 15px rgba(0,0,0,0.5)}}.tooltip{position:absolute;z-index:1030;display:block;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0);visibility:visible}.tooltip.in{opacity:.9;filter:alpha(opacity=90)}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;text-decoration:none;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-top-color:#000;border-width:5px 5px 0}.tooltip.top-right .tooltip-arrow{right:5px;bottom:0;border-top-color:#000;border-width:5px 5px 0}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-right-color:#000;border-width:5px 5px 5px 0}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-left-color:#000;border-width:5px 0 5px 5px}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-bottom-color:#000;border-width:0 5px 5px}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-bottom-color:#000;border-width:0 5px 5px}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;white-space:normal;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);background-clip:padding-box}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;font-weight:normal;line-height:18px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover .arrow,.popover .arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover .arrow{border-width:11px}.popover .arrow:after{border-width:10px;content:""}.popover.top .arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,0.25);border-bottom-width:0}.popover.top .arrow:after{bottom:1px;margin-left:-10px;border-top-color:#fff;border-bottom-width:0;content:" "}.popover.right .arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,0.25);border-left-width:0}.popover.right .arrow:after{bottom:-10px;left:1px;border-right-color:#fff;border-left-width:0;content:" "}.popover.bottom .arrow{top:-11px;left:50%;margin-left:-11px;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,0.25);border-top-width:0}.popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#fff;border-top-width:0;content:" "}.popover.left .arrow{top:50%;right:-11px;margin-top:-11px;border-left-color:#999;border-left-color:rgba(0,0,0,0.25);border-right-width:0}.popover.left .arrow:after{right:1px;bottom:-10px;border-left-color:#fff;border-right-width:0;content:" "}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;height:auto;max-width:100%;line-height:1}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6);opacity:.5;filter:alpha(opacity=50)}.carousel-control.left{background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0),color-stop(rgba(0,0,0,0.0001) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.5) 0,rgba(0,0,0,0.0001) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000',endColorstr='#00000000',GradientType=1)}.carousel-control.right{right:0;left:auto;background-image:-webkit-gradient(linear,0 top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5)));background-image:-webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0),color-stop(rgba(0,0,0,0.5) 100%));background-image:-moz-linear-gradient(left,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-image:linear-gradient(to right,rgba(0,0,0,0.0001) 0,rgba(0,0,0,0.5) 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#80000000',GradientType=1)}.carousel-control:hover,.carousel-control:focus{color:#fff;text-decoration:none;opacity:.9;filter:alpha(opacity=90)}.carousel-control .icon-prev,.carousel-control .icon-next,.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right{position:absolute;top:50%;left:50%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .icon-next{width:20px;height:20px;margin-top:-10px;margin-left:-10px;font-family:serif}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after{display:table;content:" "}.clearfix:after{clear:both}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.affix{position:fixed}@-ms-viewport{width:device-width}@media screen and (max-width:400px){@-ms-viewport{width:320px}}.hidden{display:none!important;visibility:hidden!important}.visible-xs{display:none!important}tr.visible-xs{display:none!important}th.visible-xs,td.visible-xs{display:none!important}@media(max-width:767px){.visible-xs{display:block!important}tr.visible-xs{display:table-row!important}th.visible-xs,td.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-xs.visible-sm{display:block!important}tr.visible-xs.visible-sm{display:table-row!important}th.visible-xs.visible-sm,td.visible-xs.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-xs.visible-md{display:block!important}tr.visible-xs.visible-md{display:table-row!important}th.visible-xs.visible-md,td.visible-xs.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-xs.visible-lg{display:block!important}tr.visible-xs.visible-lg{display:table-row!important}th.visible-xs.visible-lg,td.visible-xs.visible-lg{display:table-cell!important}}.visible-sm{display:none!important}tr.visible-sm{display:none!important}th.visible-sm,td.visible-sm{display:none!important}@media(max-width:767px){.visible-sm.visible-xs{display:block!important}tr.visible-sm.visible-xs{display:table-row!important}th.visible-sm.visible-xs,td.visible-sm.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-sm{display:block!important}tr.visible-sm{display:table-row!important}th.visible-sm,td.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-sm.visible-md{display:block!important}tr.visible-sm.visible-md{display:table-row!important}th.visible-sm.visible-md,td.visible-sm.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-sm.visible-lg{display:block!important}tr.visible-sm.visible-lg{display:table-row!important}th.visible-sm.visible-lg,td.visible-sm.visible-lg{display:table-cell!important}}.visible-md{display:none!important}tr.visible-md{display:none!important}th.visible-md,td.visible-md{display:none!important}@media(max-width:767px){.visible-md.visible-xs{display:block!important}tr.visible-md.visible-xs{display:table-row!important}th.visible-md.visible-xs,td.visible-md.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-md.visible-sm{display:block!important}tr.visible-md.visible-sm{display:table-row!important}th.visible-md.visible-sm,td.visible-md.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-md{display:block!important}tr.visible-md{display:table-row!important}th.visible-md,td.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-md.visible-lg{display:block!important}tr.visible-md.visible-lg{display:table-row!important}th.visible-md.visible-lg,td.visible-md.visible-lg{display:table-cell!important}}.visible-lg{display:none!important}tr.visible-lg{display:none!important}th.visible-lg,td.visible-lg{display:none!important}@media(max-width:767px){.visible-lg.visible-xs{display:block!important}tr.visible-lg.visible-xs{display:table-row!important}th.visible-lg.visible-xs,td.visible-lg.visible-xs{display:table-cell!important}}@media(min-width:768px) and (max-width:991px){.visible-lg.visible-sm{display:block!important}tr.visible-lg.visible-sm{display:table-row!important}th.visible-lg.visible-sm,td.visible-lg.visible-sm{display:table-cell!important}}@media(min-width:992px) and (max-width:1199px){.visible-lg.visible-md{display:block!important}tr.visible-lg.visible-md{display:table-row!important}th.visible-lg.visible-md,td.visible-lg.visible-md{display:table-cell!important}}@media(min-width:1200px){.visible-lg{display:block!important}tr.visible-lg{display:table-row!important}th.visible-lg,td.visible-lg{display:table-cell!important}}.hidden-xs{display:block!important}tr.hidden-xs{display:table-row!important}th.hidden-xs,td.hidden-xs{display:table-cell!important}@media(max-width:767px){.hidden-xs{display:none!important}tr.hidden-xs{display:none!important}th.hidden-xs,td.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-xs.hidden-sm{display:none!important}tr.hidden-xs.hidden-sm{display:none!important}th.hidden-xs.hidden-sm,td.hidden-xs.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-xs.hidden-md{display:none!important}tr.hidden-xs.hidden-md{display:none!important}th.hidden-xs.hidden-md,td.hidden-xs.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-xs.hidden-lg{display:none!important}tr.hidden-xs.hidden-lg{display:none!important}th.hidden-xs.hidden-lg,td.hidden-xs.hidden-lg{display:none!important}}.hidden-sm{display:block!important}tr.hidden-sm{display:table-row!important}th.hidden-sm,td.hidden-sm{display:table-cell!important}@media(max-width:767px){.hidden-sm.hidden-xs{display:none!important}tr.hidden-sm.hidden-xs{display:none!important}th.hidden-sm.hidden-xs,td.hidden-sm.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}tr.hidden-sm{display:none!important}th.hidden-sm,td.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-sm.hidden-md{display:none!important}tr.hidden-sm.hidden-md{display:none!important}th.hidden-sm.hidden-md,td.hidden-sm.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-sm.hidden-lg{display:none!important}tr.hidden-sm.hidden-lg{display:none!important}th.hidden-sm.hidden-lg,td.hidden-sm.hidden-lg{display:none!important}}.hidden-md{display:block!important}tr.hidden-md{display:table-row!important}th.hidden-md,td.hidden-md{display:table-cell!important}@media(max-width:767px){.hidden-md.hidden-xs{display:none!important}tr.hidden-md.hidden-xs{display:none!important}th.hidden-md.hidden-xs,td.hidden-md.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-md.hidden-sm{display:none!important}tr.hidden-md.hidden-sm{display:none!important}th.hidden-md.hidden-sm,td.hidden-md.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}tr.hidden-md{display:none!important}th.hidden-md,td.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-md.hidden-lg{display:none!important}tr.hidden-md.hidden-lg{display:none!important}th.hidden-md.hidden-lg,td.hidden-md.hidden-lg{display:none!important}}.hidden-lg{display:block!important}tr.hidden-lg{display:table-row!important}th.hidden-lg,td.hidden-lg{display:table-cell!important}@media(max-width:767px){.hidden-lg.hidden-xs{display:none!important}tr.hidden-lg.hidden-xs{display:none!important}th.hidden-lg.hidden-xs,td.hidden-lg.hidden-xs{display:none!important}}@media(min-width:768px) and (max-width:991px){.hidden-lg.hidden-sm{display:none!important}tr.hidden-lg.hidden-sm{display:none!important}th.hidden-lg.hidden-sm,td.hidden-lg.hidden-sm{display:none!important}}@media(min-width:992px) and (max-width:1199px){.hidden-lg.hidden-md{display:none!important}tr.hidden-lg.hidden-md{display:none!important}th.hidden-lg.hidden-md,td.hidden-lg.hidden-md{display:none!important}}@media(min-width:1200px){.hidden-lg{display:none!important}tr.hidden-lg{display:none!important}th.hidden-lg,td.hidden-lg{display:none!important}}.visible-print{display:none!important}tr.visible-print{display:none!important}th.visible-print,td.visible-print{display:none!important}@media print{.visible-print{display:block!important}tr.visible-print{display:table-row!important}th.visible-print,td.visible-print{display:table-cell!important}.hidden-print{display:none!important}tr.hidden-print{display:none!important}th.hidden-print,td.hidden-print{display:none!important}} table.dataTable { clear: both; margin-top: 0 !important; margin-bottom: 0 !important; max-width: none !important; border-collapse: separate; } table.dataTable td, table.dataTable th { -webkit-box-sizing: content-box; box-sizing: content-box; } table.dataTable td.dataTables_empty, table.dataTable th.dataTables_empty { text-align: center; } table.dataTable.nowrap th, table.dataTable.nowrap td { white-space: nowrap; } div.dataTables_wrapper div.dataTables_length label { font-weight: normal; text-align: left; white-space: nowrap; font-size: 11px; color: #09243A; } div.dataTables_wrapper div.dataTables_length select { width: 28px; display: inline-block; outline: none; font-size: 10px; border: 1px solid #CCC4B3; background-image: url('../Content/Img/drop_arrow.png'); background-size: 4px 4px; background-position: right 3px center; background-repeat: no-repeat; position: relative; } /*div.dataTables_wrapper div.dataTables_length select:after { background-image: url('../Content/Img/back_arrow.png'); background-size: 5px 5px; background-position: right 5px center; background-repeat: no-repeat; position:absolute; content:'dhgdjh'; display:inline-block; }*/ div.dataTables_wrapper div.dataTables_filter { text-align: right; } div.dataTables_wrapper div.dataTables_filter label { font-weight: normal; white-space: nowrap; text-align: left; font-size:11px; } div.dataTables_wrapper div.dataTables_filter input { margin-left: 0.5em; display: inline-block; width: auto; border:none; padding:5px 10px; } div.dataTables_wrapper div.dataTables_info { padding:10px 20px 10px 20px; white-space: nowrap; width: 50%; float: left; font-size: 12px; } div.dataTables_wrapper div.dataTables_paginate { margin-top: 0px !important; white-space: nowrap; text-align: right; width: 50%; float: left; padding: 10px 20px 10px 20px; font-size: 12px; background-color: #fff; } div.dataTables_wrapper div.dataTables_paginate ul.pagination { margin: 2px 0; white-space: nowrap; padding:10px; } .paging_simple_numbers a { padding: 5px 8px; border: 1px solid #E6E6E6; } div.dataTables_wrapper div.dataTables_processing { position: absolute; top: 50%; left: 50%; width: 200px; margin-left: -100px; margin-top: -26px; text-align: center; padding: 1em 0; } table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting { padding-right: 30px; } table.dataTable thead > tr > th:active, table.dataTable thead > tr > td:active { outline: none; } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { cursor: pointer; position: relative; } table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { position: absolute; bottom: 10px; right: 12px; display: block; background-image:url(Img/tableArrow.png); background-repeat:no-repeat; background-position:top center; width:6px; height:9px; opacity: 1; } table.dataTable thead .sorting:after { opacity: 1; content: ""; /* sort */ } table.dataTable thead .sorting_asc:after { content: ""; /* sort-by-attributes */ } table.dataTable thead .sorting_desc:after { content: ""; /* sort-by-attributes-alt */ } table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:after { color: #eee; } div.dataTables_scrollHead table.dataTable { margin-bottom: 0 !important; } div.dataTables_scrollBody table { border-top: none; margin-top: 0 !important; margin-bottom: 0 !important; } div.dataTables_scrollBody table thead .sorting:after, div.dataTables_scrollBody table thead .sorting_asc:after, div.dataTables_scrollBody table thead .sorting_desc:after { display: none; } div.dataTables_scrollBody table tbody tr:first-child th, div.dataTables_scrollBody table tbody tr:first-child td { border-top: none; } div.dataTables_scrollFoot table { margin-top: 0 !important; border-top: none; } @media screen and (max-width: 767px) { div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_filter, div.dataTables_wrapper div.dataTables_info, div.dataTables_wrapper div.dataTables_paginate { text-align: center; } } table.dataTable.table-condensed > thead > tr > th { padding-right: 20px; } table.dataTable.table-condensed .sorting:after, table.dataTable.table-condensed .sorting_asc:after, table.dataTable.table-condensed .sorting_desc:after { top: 6px; right: 6px; } table.table-bordered.dataTable th, table.table-bordered.dataTable td { border-left-width: 0; white-space: nowrap; } table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable th:last-child, table.table-bordered.dataTable td:last-child, table.table-bordered.dataTable td:last-child { border-right-width: 0; } table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td { /*border-bottom-width: 0;*/ } div.dataTables_scrollHead table.table-bordered { border-bottom-width: 0; } div.table-responsive > div.dataTables_wrapper > div.row { margin: 0; } div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child { padding-left: 0; } div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child { padding-right: 0; } .table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th { background-color: transparent; } /*.fltrArrow > thead > tr > th { background-image: url('../Content/Img/tableArrow.png'); background-position: right 20px center; background-repeat: no-repeat; background-size: 6px 8px; cursor:pointer; }*/ /*.fltrArrow > thead > tr > th:first-child{ background-image: unset; }*/ .daterangepicker { position: absolute; color: inherit; background-color: #fff; border-radius: 4px; width: 278px; padding: 4px; margin-top: 1px; top: 100px; left: 20px; /* Calendars */ } .daterangepicker:before, .daterangepicker:after { position: absolute; display: inline-block; border-bottom-color: rgba(0, 0, 0, 0.2); content: ''; } .daterangepicker:before { top: -7px; border-right: 7px solid transparent; border-left: 7px solid transparent; border-bottom: 7px solid #ccc; } .daterangepicker:after { top: -6px; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .daterangepicker.opensleft:before { right: 9px; } .daterangepicker.opensleft:after { right: 10px; } .daterangepicker.openscenter:before { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.openscenter:after { left: 0; right: 0; width: 0; margin-left: auto; margin-right: auto; } .daterangepicker.opensright:before { left: 9px; } .daterangepicker.opensright:after { left: 10px; } .daterangepicker.dropup { margin-top: -5px; } .daterangepicker.dropup:before { top: initial; bottom: -7px; border-bottom: initial; border-top: 7px solid #ccc; } .daterangepicker.dropup:after { top: initial; bottom: -6px; border-bottom: initial; border-top: 6px solid #fff; } .daterangepicker.dropdown-menu { max-width: none; z-index: 3001; } .daterangepicker.single .ranges, .daterangepicker.single .calendar { float: none; } .daterangepicker.show-calendar .calendar { display: block; } .daterangepicker .calendar { display: none; max-width: 270px; margin: 4px; } .daterangepicker .calendar.single .calendar-table { border: none; } .daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap; text-align: center; min-width: 32px; } .daterangepicker .calendar-table { border: 1px solid #fff; padding: 4px; border-radius: 4px; background-color: #fff; } .daterangepicker table { width: 100%; margin: 0; } .daterangepicker td, .daterangepicker th { text-align: center; width: 20px; height: 20px; border-radius: 4px; border: 1px solid transparent; white-space: nowrap; cursor: pointer; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background-color: #eee; border-color: transparent; color: inherit; } .daterangepicker td.week, .daterangepicker th.week { font-size: 80%; color: #ccc; } .daterangepicker td.off, .daterangepicker td.off.in-range, .daterangepicker td.off.start-date, .daterangepicker td.off.end-date { background-color: #fff; border-color: transparent; color: #999; } .daterangepicker td.in-range { background-color: #ebf4f8; border-color: transparent; color: #000; border-radius: 0; } .daterangepicker td.start-date { border-radius: 4px 0 0 4px; } .daterangepicker td.end-date { border-radius: 0 4px 4px 0; } .daterangepicker td.start-date.end-date { border-radius: 4px; } .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #357ebd; border-color: transparent; color: #fff; } .daterangepicker th.month { width: auto; } .daterangepicker td.disabled, .daterangepicker option.disabled { color: #999; cursor: not-allowed; text-decoration: line-through; } .daterangepicker select.monthselect, .daterangepicker select.yearselect { font-size: 12px; padding: 1px; height: auto; margin: 0; cursor: default; } .daterangepicker select.monthselect { margin-right: 2%; width: 56%; } .daterangepicker select.yearselect { width: 40%; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { width: 50px; margin-bottom: 0; } .daterangepicker .input-mini { border: 1px solid #ccc; border-radius: 4px; color: #555; height: 30px; line-height: 30px; display: block; vertical-align: middle; margin: 0 0 5px 0; padding: 0 6px 0 28px; width: 100%; } .daterangepicker .input-mini.active { border: 1px solid #08c; border-radius: 4px; } .daterangepicker .daterangepicker_input { position: relative; } .daterangepicker .daterangepicker_input i { position: absolute; left: 8px; top: 8px; } .daterangepicker.rtl .input-mini { padding-right: 28px; padding-left: 6px; } .daterangepicker.rtl .daterangepicker_input i { left: auto; right: 8px; } .daterangepicker .calendar-time { text-align: center; margin: 5px auto; line-height: 30px; position: relative; padding-left: 28px; } .daterangepicker .calendar-time select.disabled { color: #ccc; cursor: not-allowed; } .ranges { font-size: 11px; float: none; margin: 4px; text-align: left; } .ranges ul { list-style: none; margin: 0 auto; padding: 0; width: 100%; } .ranges li { font-size: 13px; background-color: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 4px; color: #08c; padding: 3px 12px; margin-bottom: 8px; cursor: pointer; } .ranges li:hover { background-color: #08c; border: 1px solid #08c; color: #fff; } .ranges li.active { background-color: #08c; border: 1px solid #08c; color: #fff; } /* Larger Screen Styling */ @media (min-width: 564px) { .daterangepicker { width: auto; } .daterangepicker .ranges ul { width: 160px; } .daterangepicker.single .ranges ul { width: 100%; } .daterangepicker.single .calendar.left { clear: none; } .daterangepicker.single.ltr .ranges, .daterangepicker.single.ltr .calendar { float: left; } .daterangepicker.single.rtl .ranges, .daterangepicker.single.rtl .calendar { float: right; } .daterangepicker.ltr { direction: ltr; text-align: left; } .daterangepicker.ltr .calendar.left { clear: left; margin-right: 0; } .daterangepicker.ltr .calendar.left .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.ltr .calendar.right { margin-left: 0; } .daterangepicker.ltr .calendar.right .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.ltr .left .daterangepicker_input { padding-right: 12px; } .daterangepicker.ltr .calendar.left .calendar-table { padding-right: 12px; } .daterangepicker.ltr .ranges, .daterangepicker.ltr .calendar { float: left; } .daterangepicker.rtl { direction: rtl; text-align: right; } .daterangepicker.rtl .calendar.left { clear: right; margin-left: 0; } .daterangepicker.rtl .calendar.left .calendar-table { border-left: none; border-top-left-radius: 0; border-bottom-left-radius: 0; } .daterangepicker.rtl .calendar.right { margin-right: 0; } .daterangepicker.rtl .calendar.right .calendar-table { border-right: none; border-top-right-radius: 0; border-bottom-right-radius: 0; } .daterangepicker.rtl .left .daterangepicker_input { padding-left: 12px; } .daterangepicker.rtl .calendar.left .calendar-table { padding-left: 12px; } .daterangepicker.rtl .ranges, .daterangepicker.rtl .calendar { text-align: right; float: right; } } @media (min-width: 730px) { .daterangepicker .ranges { width: auto; } .daterangepicker.ltr .ranges { float: left; } .daterangepicker.rtl .ranges { float: right; } .daterangepicker .calendar.left { clear: none !important; } } /* * Stellarnav.js 2.5.0 * Responsive, lightweight, multi-level dropdown menu. * Copyright (c) 2018 Vinny Moreira - http://vinnymoreira.com * Released under the MIT license */ /* all nav */ .stellarnav { position: relative; z-index: 9999999; position: relative; left: -50%; /*transform: translateX (-50%);*/ transform: translateX(50%); } .stellarnav a { color: #777; } .stellarnav ul { margin: 0; padding: 0; text-align: center; } .stellarnav li { list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal; vertical-align: middle;} .stellarnav li a { padding: 16px 20px; display: block; text-decoration: none; opacity: 1; color: rgba(11, 32, 70, 1); box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .stellarnav li a.inActive { text-decoration: none; color: rgba(11, 32, 70, 1); -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .stellarnav li a img { margin-right: 7px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .stellarnav li .dropdown-toggle:hover, .stellarnav li .dropdown-toggle:active, .stellarnav li .dropdown-toggle:focus { background-color: transparent; } /* main level */ .stellarnav > ul > li { display: inline-block; } .stellarnav > ul > li.active { border-bottom: 2px solid #FFA600; } .stellarnav > ul > li > a{ opacity:0.7; } .stellarnav > ul > li.active > a { opacity: 1 !important; } .stellarnav li ul li a.inActive { background-color: rgba(0, 0, 0, .1); } /* first level dd */ .stellarnav ul ul { top: auto; width: 220px; position: absolute; z-index: 9900; text-align: left; display: none; background: #fff; } /* second level dd */ .stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left: 220px; } .stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; } /* .drop-left */ .stellarnav > ul > li.drop-left > ul { right: 0; } .stellarnav li.drop-left ul ul { left: auto; right: 220px; } /* light theme */ .stellarnav.light { background: rgba(255, 255, 255, 1); } .stellarnav.light a { color: #000; } .stellarnav.light ul ul { background: rgba(255, 255, 255, 1); } .stellarnav.light li a { color: #000; } /* dark theme */ .stellarnav.dark { background: rgba(0, 0, 0, 0); } .stellarnav.dark a { color: rgba(11, 32, 70, 1); } .stellarnav.dark ul ul { background: rgba(255, 255, 255,1); border-radius: 0; border:none; margin-top: 0; box-shadow: 0 3px 10px rgba(14,49,77,.1); } .stellarnav.dark > li > a { color: rgba(11, 32, 70, 1) !important; opacity:0.5; } .stellarnav.dark > li.active > a { color: rgba(11, 32, 70, 1) !important; opacity:1; } .stellarnav.dark > li.active { border-bottom: 2px solid #f87f0e; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } /* sticky nav */ .stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; } /* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/ body.stellarnav-noscroll-x { overflow-x: hidden; } /* general styling */ .stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; } .stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; } .stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; } .stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; } .stellarnav.desktop li.has-sub a { padding-right: 5px; } .stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; } .stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; } .stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; } /* svg icons */ .stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; } /* svg icons */ .stellarnav a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; } .stellarnav a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(90deg); transition: width 0.3s; } .stellarnav a.dd-toggle .icon-plus:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; } .stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .stellarnav.light a.dd-toggle .icon-plus:before { border-color: #000; } .stellarnav.light a.dd-toggle .icon-plus:after { border-color: #000; } .stellarnav.dark a.dd-toggle .icon-plus:before { border-color: #FFF; } .stellarnav.dark a.dd-toggle .icon-plus:after { border-color: #FFF; } .stellarnav .icon-close { box-sizing: border-box; width: 12px; height: 12px; position: relative; display: inline-block; } .stellarnav .icon-close:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); } .stellarnav .icon-close:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); } .stellarnav.light .icon-close:before { border-color: #000; } .stellarnav.light .icon-close:after { border-color: #000; } .stellarnav.dark .icon-close:before { border-color: #FFF; } .stellarnav.dark .icon-close:after { border-color: #FFF; } /* mobile nav */ .stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding: 15px 10px 15px 15px; box-sizing: border-box; } .stellarnav .menu-toggle span.bars { display: inline-block; margin-right: 7px; position: relative; top: 1px; } .stellarnav .menu-toggle span.bars span { display: block; width: 15px; height: 2px; border-radius: 6px; background: #777; margin: 0 0 3px; } .stellarnav .full { width: 100%; } .stellarnav .half { width: 50%; } .stellarnav .third { width: 33%; text-align: center; } .stellarnav .location-btn-mobile.third { text-align: center; } .stellarnav .location-btn-mobile.half { text-align: right; } .stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); } .stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); } .stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); } .stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; } .stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); } .stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); } .stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); } .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; } .stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; } .stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; } .stellarnav.light .menu-toggle span.bars span { background: #000; } .stellarnav.dark .menu-toggle span.bars span { background: #0b2046; } .stellarnav.mobile { position: static; } .stellarnav.mobile.fixed { position: static; } .stellarnav.mobile ul { position: relative;} .stellarnav.mobile.active { padding-bottom: 0; } .stellarnav.mobile.active > ul { display: block; } .stellarnav.mobile ul { text-align: left; } .stellarnav.mobile > ul > li { display: block; } .stellarnav.mobile > ul > li > a { padding: 15px; } .stellarnav.mobile ul { background: rgba(221, 221, 221, 1); } .stellarnav.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: 100%; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; } .stellarnav.mobile ul ul ul { left: auto; top: auto; } .stellarnav.mobile li.drop-left ul ul { right: auto; } .stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15); } .stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); } .stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); } .stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); } .stellarnav.mobile li a.dd-toggle { border: 0; } .stellarnav.mobile.light li a.dd-toggle { border: 0; } .stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; } .stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; } .stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; } .stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; } .stellarnav.mobile.light ul { background: rgba(255, 255, 255, 1); } .stellarnav.mobile.dark ul { background-color: #fff; transition: all 0.3s ease !important; -webkit-transition: all 0.3s ease !important; box-shadow: 0 0 12px rgba(14,49,77,.1); } .stellarnav.mobile.dark ul ul { background-color: #fff; transition: all 0.3s ease !important; -webkit-transition: all 0.3s ease !important; box-shadow: 0 0 12px rgba(14,49,77,.1); } .stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); } .stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; } .stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; } /* left and right positions */ .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 0; bottom: 0; width: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .stellarnav.mobile.right > ul { right: 0; } .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: none; text-align: right; } .stellarnav.mobile.left > ul { left: 0; } .stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; } .stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; } .stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; } .stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; } .stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: right; } .stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; } /* left and right positions */ /* mega dd */ .stellarnav.desktop li.mega ul ul { background: none; } .stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; } .stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; } .stellarnav.desktop li.mega ul ul { width: auto; } .stellarnav.desktop > ul > li.mega { position: inherit; } .stellarnav.desktop > ul > li.mega > ul { width: 100%; } .stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; } .stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; } .stellarnav.desktop li.mega li li a { padding: 5px 15px; } .stellarnav.desktop li.mega li.has-sub a:after { display: none; } .stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; } /* mega dd */ .menu-toggle{ float: right; } .call-btn-mobile, .location-btn-mobile{ display: none !important; } .close-menu{ float: right; width: 100% !important; text-align: right !important; } @media only screen and (max-width : 992px) { .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { top: 50px; bottom: unset; width: 100%; max-height: 400px; overflow-x: auto; overflow-y: auto; } .stellarnav li {overflow:hidden;} } /* Fallback for slow javascript load */ @media (min-width:768px) and (max-width:960px){ .stellarnav.dark { float:left; transform:unset !important; } .stellarnav.dark .menu-toggle{ margin-left:110px; margin-top:2px; } } @media only screen and (max-width : 767px) { .stellarnav { overflow: hidden; display: block !important; margin-left: unset; float: left; z-index: 9999999999; left: unset; transform: unset !important; padding: 20px 10px 20px 15px; } .stellarnav .menu-toggle { position: relative; z-index: 999999999999999; } .stellarnav ul { position: relative; display: none; } .stellarnav.dark a span{ color: #0B2046; } .stellarnav.dark .menu-toggle span.bars span { background-color: #0B2046; } .main-header .logo img { width: 20px !important; margin-left: 13px !important; } .stellarnav .menu-toggle{ padding:unset; } } /* mobile nav */ @media only screen and (max-width : 420px) { .stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; } } /* Responsive Style */ /*@media only screen and (min-width : 961px) and (max-width : 1200px) { .stellarnav > ul > li > a { padding: 20px 3px; } }*/ .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle; } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-selection--single .select2-selection__clear { position: relative; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px; } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap; } .select2-container .select2-search--inline { float: left; } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0; } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051; } .select2-results { display: block; } .select2-results__options { list-style: none; margin: 0; padding: 0; } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none; } .select2-results__option[aria-selected] { cursor: pointer; } .select2-container--open .select2-dropdown { left: 0; } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-search--dropdown { display: block; padding: 4px; } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box; } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none; } .select2-search--dropdown.select2-search--hide { display: none; } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0); } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; height: 1px !important; margin: -1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px; } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #000; line-height: 28px; } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: #0B2046 transparent transparent transparent; border-style: solid; border-width: 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 6px; height: 6px; transform: rotate(45deg); display: inline-block; color: rgba(11, 32, 70, 0.5); border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto; } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none; } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: #0B2046 transparent transparent transparent; border-style: solid; border-width: 0; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 6px; height: 6px; transform: rotate(-135deg); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; display: inline-block; color: rgba(11, 32, 70, 0.5); border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100%; } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none; } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left; } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0; } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default; } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none; } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield; } .select2-container--default .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--default .select2-results__option[role=group] { padding: 0; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em; } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white; } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%); background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%); background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px; } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px; } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999; } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left; } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto; } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none; } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%); background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%); background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%); background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%); background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0; } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb; } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none; } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px; } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto; } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto; } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb; } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0; } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none; } .select2-container--classic .select2-dropdown { background-color: white; border: 1px solid transparent; } .select2-container--classic .select2-dropdown--above { border-bottom: none; } .select2-container--classic .select2-dropdown--below { border-top: none; } .select2-container--classic .select2-results > .select2-results__options { max-height: 200px; overflow-y: auto; } .select2-container--classic .select2-results__option[role=group] { padding: 0; } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey; } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: white; } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px; } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; } /*! * Datepicker for Bootstrap v1.8.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker { padding: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; direction: ltr; } .datepicker-inline { width: 220px; } .datepicker-rtl { direction: rtl; } .datepicker-rtl.dropdown-menu { left: auto; } .datepicker-rtl table tr td span { float: right; } .datepicker-dropdown { top: 0; left: 0; } .datepicker-dropdown:before { content: ''; display: inline-block; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #999; border-top: 0; border-bottom-color: rgba(0, 0, 0, 0.2); position: absolute; } .datepicker-dropdown:after { content: ''; display: inline-block; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-top: 0; position: absolute; } .datepicker-dropdown.datepicker-orient-left:before { left: 6px; } .datepicker-dropdown.datepicker-orient-left:after { left: 7px; } .datepicker-dropdown.datepicker-orient-right:before { right: 6px; } .datepicker-dropdown.datepicker-orient-right:after { right: 7px; } .datepicker-dropdown.datepicker-orient-bottom:before { top: -7px; } .datepicker-dropdown.datepicker-orient-bottom:after { top: -6px; } .datepicker-dropdown.datepicker-orient-top:before { bottom: -7px; border-bottom: 0; border-top: 7px solid #999; } .datepicker-dropdown.datepicker-orient-top:after { bottom: -6px; border-bottom: 0; border-top: 6px solid #fff; } .datepicker table { margin: 0; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .datepicker td, .datepicker th { text-align: center; width: 20px; height: 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: none; } .table-striped .datepicker table tr td, .table-striped .datepicker table tr th { background-color: transparent; } .datepicker table tr td.day:hover, .datepicker table tr td.day.focused { background: #eee; cursor: pointer; } .datepicker table tr td.old, .datepicker table tr td.new { color: #999; } .datepicker table tr td.disabled, .datepicker table tr td.disabled:hover { background: none; color: #999; cursor: default; } .datepicker table tr td.highlighted { background: #d9edf7; border-radius: 0; } .datepicker table tr td.today, .datepicker table tr td.today:hover, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover { background-color: rgba(16, 52, 120, 0.6); color:#fff !important; /*background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a); background-image: linear-gradient(to bottom, #fdd49a, #fdf59a); background-repeat: repeat-x;*/ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); border-color: #fdf59a #fdf59a #fbed50; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #000; } .datepicker table tr td.today:hover, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today[disabled], .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today.disabled:hover[disabled] { background-color: rgba(16, 52, 120, 0.8); color: #fff !important; } .datepicker table tr td.today:active, .datepicker table tr td.today:hover:active, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.active, .datepicker table tr td.today:hover.active, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled:hover.active { background-color: #fbf069 \9; } .datepicker table tr td.today:hover:hover { color: #000; } .datepicker table tr td.today.active:hover { color: #fff; } .datepicker table tr td.range, .datepicker table tr td.range:hover, .datepicker table tr td.range.disabled, .datepicker table tr td.range.disabled:hover { background: #eee; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today, .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today.disabled:hover { background-color: #f3d17a; background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a); background-image: linear-gradient(to bottom, #f3c17a, #f3e97a); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); border-color: #f3e97a #f3e97a #edde34; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .datepicker table tr td.range.today:hover, .datepicker table tr td.range.today:hover:hover, .datepicker table tr td.range.today.disabled:hover, .datepicker table tr td.range.today.disabled:hover:hover, .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active, .datepicker table tr td.range.today.disabled, .datepicker table tr td.range.today:hover.disabled, .datepicker table tr td.range.today.disabled.disabled, .datepicker table tr td.range.today.disabled:hover.disabled, .datepicker table tr td.range.today[disabled], .datepicker table tr td.range.today:hover[disabled], .datepicker table tr td.range.today.disabled[disabled], .datepicker table tr td.range.today.disabled:hover[disabled] { background-color: #f3e97a; } .datepicker table tr td.range.today:active, .datepicker table tr td.range.today:hover:active, .datepicker table tr td.range.today.disabled:active, .datepicker table tr td.range.today.disabled:hover:active, .datepicker table tr td.range.today.active, .datepicker table tr td.range.today:hover.active, .datepicker table tr td.range.today.disabled.active, .datepicker table tr td.range.today.disabled:hover.active { background-color: #efe24b \9; } .datepicker table tr td.selected, .datepicker table tr td.selected:hover, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected.disabled:hover { background-color: #9e9e9e; background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080); background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080); background-image: linear-gradient(to bottom, #b3b3b3, #808080); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); border-color: #808080 #808080 #595959; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.selected:hover, .datepicker table tr td.selected:hover:hover, .datepicker table tr td.selected.disabled:hover, .datepicker table tr td.selected.disabled:hover:hover, .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active, .datepicker table tr td.selected.disabled, .datepicker table tr td.selected:hover.disabled, .datepicker table tr td.selected.disabled.disabled, .datepicker table tr td.selected.disabled:hover.disabled, .datepicker table tr td.selected[disabled], .datepicker table tr td.selected:hover[disabled], .datepicker table tr td.selected.disabled[disabled], .datepicker table tr td.selected.disabled:hover[disabled] { background-color: #808080; } .datepicker table tr td.selected:active, .datepicker table tr td.selected:hover:active, .datepicker table tr td.selected.disabled:active, .datepicker table tr td.selected.disabled:hover:active, .datepicker table tr td.selected.active, .datepicker table tr td.selected:hover.active, .datepicker table tr td.selected.disabled.active, .datepicker table tr td.selected.disabled:hover.active { background-color: #666666 \9; } .datepicker table tr td.active, .datepicker table tr td.active:hover, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #08c, #0044cc); background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); background-image: -o-linear-gradient(to bottom, #08c, #0044cc); background-image: linear-gradient(to bottom, #08c, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td.active:hover, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active[disabled], .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active.disabled:hover[disabled] { background-color: rgba(16, 52, 120, 1); background-image: unset; } .datepicker table tr td.active:active, .datepicker table tr td.active:hover:active, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.active, .datepicker table tr td.active:hover.active, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span { display: block; width: 23%; height: 54px; line-height: 54px; float: left; margin: 1%; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #eee; } .datepicker table tr td span.disabled, .datepicker table tr td span.disabled:hover { background: none; color: #999; cursor: default; } .datepicker table tr td span.active, .datepicker table tr td span.active:hover, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active.disabled:hover { background-color: #006dcc; background-image: -moz-linear-gradient(to bottom, #08c, #0044cc); background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); background-image: -o-linear-gradient(to bottom, #08c, #0044cc); background-image: linear-gradient(to bottom, #08c, #0044cc); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); border-color: #0044cc #0044cc #002a80; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .datepicker table tr td span.active:hover, .datepicker table tr td span.active:hover:hover, .datepicker table tr td span.active.disabled:hover, .datepicker table tr td span.active.disabled:hover:hover, .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.disabled, .datepicker table tr td span.active:hover.disabled, .datepicker table tr td span.active.disabled.disabled, .datepicker table tr td span.active.disabled:hover.disabled, .datepicker table tr td span.active[disabled], .datepicker table tr td span.active:hover[disabled], .datepicker table tr td span.active.disabled[disabled], .datepicker table tr td span.active.disabled:hover[disabled] { background-color: #0044cc; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active { background-color: #003399 \9; } .datepicker table tr td span.old, .datepicker table tr td span.new { color: #999; } .datepicker .datepicker-switch { width: 145px; } .datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #eee; } .datepicker .prev.disabled, .datepicker .next.disabled { visibility: hidden; } .datepicker .cw { font-size: 10px; width: 12px; padding: 0 2px 0 5px; vertical-align: middle; } .input-append.date .add-on, .input-prepend.date .add-on { cursor: pointer; } .input-append.date .add-on i, .input-prepend.date .add-on i { margin-top: 3px; } .input-daterange input { text-align: center; } .input-daterange input:first-child { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; } .input-daterange input:last-child { -webkit-border-radius: 0 3px 3px 0; -moz-border-radius: 0 3px 3px 0; border-radius: 0 3px 3px 0; } .input-daterange .add-on { display: inline-block; width: auto; min-width: 16px; height: 18px; padding: 4px 5px; font-weight: normal; line-height: 18px; text-align: center; text-shadow: 0 1px 0 #fff; vertical-align: middle; background-color: #eee; border: 1px solid #ccc; margin-left: -5px; margin-right: -5px; } /*# sourceMappingURL=bootstrap-datepicker.css.map */ /*! * AdminLTE v2.4.5 * Author: Almsaeed Studio * Website: Almsaeed Studio * License: Open source - MIT * Please visit http://opensource.org/licenses/MIT for more information */ /* * Core: General Layout Style * ------------------------- */ html, body { /*height: 100%!important;*/ overflow-x: hidden; } * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } html { height: 100% !important; } .layout-boxed html, .layout-boxed body { height: 100%; } body { font-family: 'Roboto', sans-serif; font-weight: 400; overflow-x: hidden; overflow-y: auto; background-color: #F2F3F5; color: #0B2046; } /* Layout */ .wrapper { height: 100% !important; position: relative; overflow-x: hidden; overflow-y: auto; display: flex; flex-direction: column; flex-wrap: wrap; } .wrapper:before, .wrapper:after { content: " "; display: table; } .wrapper:after { clear: both; } .layout-boxed .wrapper { max-width: 1250px; margin: 0 auto; min-height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); position: relative; } .layout-boxed { background-color: #f9fafc; } .glyphicon-remove-circle { position: relative; z-index: 999; top: 17px; right: -92px; color: #6e7175; } /* * Content Wrapper - contains the main content */ .content-wrapper, .main-footer { -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out; transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out; /*margin-left: 210px;*/ z-index: 820; } .layout-top-nav .content-wrapper, .layout-top-nav .main-footer { margin-left: 0; } @media (max-width: 767px) { .content-wrapper, .main-footer { margin-left: 0; } } @media (min-width: 768px) { .sidebar-collapse .content-wrapper, .sidebar-collapse .main-footer { margin-left: 0; } } @media (min-width: 768px) and (max-width:799px) { .page-wrap-report { margin-top: 50px !important; } } @media (max-width: 767px) { .sidebar-open .content-wrapper, .fixed .main-header .sidebar-open .main-footer { -webkit-transform: translate(230px, 0); -ms-transform: translate(230px, 0); -o-transform: translate(230px, 0); transform: translate(230px, 0); } } .content-wrapper { min-height: 100%; z-index: 800; } .main-footer { background: #fff; padding: 15px; color: #444; border-top: 1px solid #d2d6de; } /* Fixed layout */ .fixed .main-header, .fixed .main-sidebar, .fixed .left-side { position: fixed; } .fixed .main-header { top: 0; right: 0; left: 0; /*box-shadow: 0 0 12px rgba(14,49,77,.1);*/ box-shadow: 0px 3px 6px #0b20461a; height: 50px; } @media (max-width: 767px) { .fixed .main-sidebar, .fixed .left-side { position: relative; } .fixed .content-wrapper, .fixed .right-side { padding-top: 100px; } } .fixed.layout-boxed .wrapper { max-width: 100%; } .fixed .wrapper { /*overflow: hidden;*/ } .hold-transition .content-wrapper, .hold-transition .right-side, .hold-transition .main-footer, .hold-transition .main-sidebar, .hold-transition .left-side, .hold-transition .main-header .navbar, .hold-transition .main-header .logo, .hold-transition .menu-open .fa-angle-left { /* Fix for IE */ -webkit-transition: none; -o-transition: none; transition: none; } .nosort:after { background-image: none !important; } .content-wrapper2 { padding: 80px 20px !important; } .content-wrapper2 .page-wrap { } /* Content */ .content { min-height: 250px; padding: 15px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } /* H1 - H6 font */ regionh1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Roboto', sans-serif; } /* General Links */ a { color: #000; } a:hover, a:active, a:focus { outline: none; text-decoration: none; color: #000; } /* Page Header */ .page-header { margin: 10px 0 20px 0; font-size: 22px; } .page-header > small { color: #666; display: block; margin-top: 5px; } /* * Component: Main Header * ---------------------- */ .main-header { position: relative; max-height: 100px; z-index: 1000; display: flex; align-items: center; background-color: rgba(255, 255, 255, 1); box-shadow: 0px 3px 6px rgba(11, 32, 70, 0.1); } .main-header .navbar { -webkit-transition: margin-left 0.3s ease-in-out; -o-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out; margin-bottom: 0; border: none; min-height: 50px; border-radius: 0; position: absolute; right: 0; top: 0; z-index: 9999999; padding: 3px 20px !important; } .layout-top-nav .main-header .navbar { margin-left: 0; } .main-header #navbar-search-input.form-control { background: rgba(255, 255, 255, 0.2); border-color: transparent; } .main-header #navbar-search-input.form-control:focus, .main-header #navbar-search-input.form-control:active { border-color: rgba(0, 0, 0, 0.1); background: rgba(255, 255, 255, 0.9); } .main-header #navbar-search-input.form-control::-moz-placeholder { color: #ccc; opacity: 1; } .main-header #navbar-search-input.form-control:-ms-input-placeholder { color: #ccc; } .main-header #navbar-search-input.form-control::-webkit-input-placeholder { color: #ccc; } .main-header .navbar-custom-menu, .main-header .navbar-right { float: right; } @media (max-width: 991px) { .main-header .navbar-custom-menu a, .main-header .navbar-right a { color: inherit; background: transparent; } .rep_inner_tbl thead > tr > th, .rep_inner_tbl tbody > tr > th, .rep_inner_tbl tfoot > tr > th, .rep_inner_tbl thead > tr > td, .rep_inner_tbl tbody > tr > td, .rep_inner_tbl tfoot > tr > td { padding: 5px !important; } } @media (max-width: 767px) { .main-header .navbar-right { float: none; } .navbar-collapse .main-header .navbar-right { margin: 7.5px -15px; } .main-header .navbar-right > li { color: inherit; border: 0; } } .main-header .sidebar-toggle { float: left; background-color: transparent; background-image: none; padding: 15px 15px; font-family: fontAwesome; } .main-header .sidebar-toggle:before { content: "\f0c9"; } .main-header .sidebar-toggle:hover { color: #fff; } .main-header .sidebar-toggle:focus, .main-header .sidebar-toggle:active { background: transparent; } .main-header .sidebar-toggle .icon-bar { display: none; } .main-header .navbar .nav > li.user > a > .fa, .main-header .navbar .nav > li.user > a > .glyphicon, .main-header .navbar .nav > li.user > a > .ion { margin-right: 5px; } .main-header .navbar .nav > li > a > .label { position: absolute; top: 9px; right: 7px; text-align: center; font-size: 9px; padding: 2px 3px; line-height: .9; } .main-header .logo { -webkit-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; display: block; float: left; padding: 0 10px; margin-left: 50px; overflow: hidden; position: absolute; z-index: -1; } .main-header .logo .logo-lg { display: block; } .main-header .logo .logo-mini { display: none; } .main-header .navbar-brand { color: #fff; } .content-header { position: relative; padding: 15px 15px 0 15px; } .content-header > h1 { margin: 0; font-size: 24px; } .content-header > h1 > small { font-size: 15px; display: inline-block; padding-left: 4px; font-weight: 300; } .content-header > .breadcrumb { float: right; background: transparent; margin-top: 0; margin-bottom: 0; font-size: 12px; padding: 7px 5px; position: absolute; top: 15px; right: 10px; border-radius: 2px; } .content-header > .breadcrumb > li > a { color: #444; text-decoration: none; display: inline-block; } .content-header > .breadcrumb > li > a > .fa, .content-header > .breadcrumb > li > a > .glyphicon, .content-header > .breadcrumb > li > a > .ion { margin-right: 5px; } .content-header > .breadcrumb > li + li:before { content: '>\00a0'; } @media (max-width: 991px) { .content-header > .breadcrumb { position: relative; margin-top: 5px; top: 0; right: 0; float: none; background: #d2d6de; padding-left: 10px; } .content-header > .breadcrumb li:before { color: #97a0b3; } } .navbar-toggle { color: #fff; border: 0; margin: 0; padding: 15px 15px; } @media (max-width: 991px) { .navbar-custom-menu .navbar-nav > li { float: left; } .navbar-custom-menu .navbar-nav { margin: 0; float: left; } .navbar-custom-menu .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; line-height: 20px; } } @media (max-width: 767px) { .main-header { position: relative; } .main-header .logo { width: 100%; float: none; } .main-header .navbar { margin: 0; float: right; padding: 8px 15px !important; } .main-header .navbar-custom-menu { float: right; } } @media (max-width: 991px) { .navbar-collapse.pull-left { float: none !important; } .navbar-collapse.pull-left + .navbar-custom-menu { display: block; position: absolute; top: 0; right: 40px; } } /* * Component: Sidebar * ------------------ */ .main-sidebar { position: absolute; top: 50px; left: 0; padding-top: 0; min-height: 100%; width: 210px; z-index: 95; background-color: #fff; box-shadow: 0 4px 12px rgba(14,49,77,.1); -webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out, width 0.3s ease-in-out; transition: transform 0.3s ease-in-out, width 0.3s ease-in-out; } .xsHeader { display: none; } @media (max-width: 767px) { .main-sidebar { padding-top: 10px; top: 0; } .main-sidebar { width: 100%; } .xsHeader { display: block; height: 50px; } } @media (min-width: 768px) { .sidebar-collapse .main-sidebar { -webkit-transform: translate(-230px, 0); -ms-transform: translate(-230px, 0); -o-transform: translate(-230px, 0); transform: translate(-230px, 0); } } @media (max-width: 767px) { .sidebar-open .main-sidebar { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } } .sidebar { padding-bottom: 10px; padding: 0px; } .sidebar-form input:focus { border-color: transparent; } .user-panel { position: relative; width: 100%; padding: 15px 10px; overflow: hidden; background-color: #FFFAEE; } .user-panel:before, .user-panel:after { content: " "; display: table; } .user-panel:after { clear: both; } .user-panel > .image > img { width: 100%; max-width: 45px; height: auto; } .user-panel > .info { padding: 5px 5px 5px 15px; line-height: 1; position: absolute; left: 55px; } .user-panel > .info > p { font-weight: 600; margin-bottom: 9px; } .user-panel > .info > a { text-decoration: none; padding-right: 5px; margin-top: 3px; font-size: 11px; } .user-panel > .info > a > .fa, .user-panel > .info > a > .ion, .user-panel > .info > a > .glyphicon { margin-right: 3px; } .sidebar-menu { list-style: none; margin: 0; padding: 10px; } .sidebar-menu > li { position: relative; margin: 0; padding: 0; } .sidebar-menu > li > a { padding: 10px 0px 10px 0px; display: block; font-size: 14px; color: #000; } .sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion { width: 20px; } .sidebar-menu > li .label, .sidebar-menu > li .badge { /*margin-right: 5px;*/ min-width: 20px; height: 20px; border-radius: 50px; padding: 0px; font-size: 12px; line-height: 1.7; position: absolute; right: 0; } .sidebar-menu > li .badge { margin-top: 3px; } .sidebar-menu li.header { padding: 10px 25px 10px 15px; font-size: 12px; } .sidebar-menu li > a > .fa-angle-left, .sidebar-menu li > a > .pull-right-container > .fa-angle-left { width: auto; height: auto; padding: 0; margin-right: 0px; -webkit-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; transition: transform 0.5s ease; } .sidebar-menu li > a > .fa-angle-left { position: absolute; top: 50%; right: 0px; margin-top: -8px; } .sidebar-menu .menu-open > a > .fa-angle-left, .sidebar-menu .menu-open > a > .pull-right-container > .fa-angle-left { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .sidebar-menu .active > .treeview-menu { display: block; } /* * Component: Sidebar Mini */ @media (min-width: 768px) { .sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer { margin-left: 50px !important; z-index: 840; } .sidebar-mini.sidebar-collapse .main-sidebar { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); width: 50px !important; z-index: 850; } .sidebar-mini.sidebar-collapse .sidebar-menu > li { position: relative; } .sidebar-mini.sidebar-collapse .sidebar-menu > li > a { margin-right: 0; } .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span { border-top-right-radius: 4px; } .sidebar-mini.sidebar-collapse .sidebar-menu > li:not(.treeview) > a > span { border-bottom-right-radius: 4px; } .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu { padding-top: 5px; padding-bottom: 5px; border-bottom-right-radius: 4px; } .sidebar-mini.sidebar-collapse .main-sidebar .user-panel > .info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > span, .sidebar-mini.sidebar-collapse .sidebar-menu > li > .treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu > li > a > .pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header { display: none !important; -webkit-transform: translateZ(0); } .sidebar-mini.sidebar-collapse .main-header .logo { width: 50px; } .sidebar-mini.sidebar-collapse .main-header .logo > .logo-mini { display: block; margin-left: -15px; margin-right: -15px; font-size: 18px; } .sidebar-mini.sidebar-collapse .main-header .logo > .logo-lg { display: none; } .sidebar-mini.sidebar-collapse .main-header .navbar { margin-left: 50px; } } .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span:not(.pull-right), .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { display: block !important; position: absolute; width: 180px; left: 50px; } .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > span { top: 0; margin-left: -3px; padding: 12px 5px 12px 20px; background-color: inherit; } .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container { position: relative !important; float: right; width: auto !important; left: 180px !important; top: -22px !important; z-index: 900; } .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > a > .pull-right-container > .label:not(:first-of-type) { display: none; } .sidebar-mini:not(.sidebar-mini-expand-feature).sidebar-collapse .sidebar-menu > li:hover > .treeview-menu { top: 44px; margin-left: 0; } .sidebar-expanded-on-hover .main-footer, .sidebar-expanded-on-hover .content-wrapper { margin-left: 50px; } .sidebar-expanded-on-hover .main-sidebar { box-shadow: 3px 0 8px rgba(0, 0, 0, 0.125); } .sidebar-menu, .main-sidebar .user-panel, .sidebar-menu > li.header { white-space: nowrap; overflow: hidden; } .sidebar-menu:hover { overflow-y: auto; } .sidebar-form, .sidebar-menu > li.header { overflow: hidden; text-overflow: clip; } .sidebar-menu li > a { position: relative; } .sidebar-menu li > a > .pull-right-container { position: absolute; right: 0px; top: 50%; margin-top: -7px; } /* * Component: Control sidebar. By default, this is the right sidebar. */ .control-sidebar-bg { position: fixed; z-index: 1000; bottom: 0; } .control-sidebar-bg, .control-sidebar { top: 0; right: -230px; width: 230px; -webkit-transition: right 0.3s ease-in-out; -o-transition: right 0.3s ease-in-out; transition: right 0.3s ease-in-out; } .control-sidebar { position: absolute; padding-top: 50px; z-index: 1010; } @media (max-width: 767px) { .control-sidebar { padding-top: 100px; } } .control-sidebar > .tab-content { padding: 10px 15px; } .control-sidebar.control-sidebar-open, .control-sidebar.control-sidebar-open + .control-sidebar-bg { right: 0; } .control-sidebar-open .control-sidebar-bg, .control-sidebar-open .control-sidebar { right: 0; } @media (min-width: 768px) { .control-sidebar-open .content-wrapper, .control-sidebar-open .right-side, .control-sidebar-open .main-footer { margin-right: 230px; } } .fixed .control-sidebar { position: fixed; height: 100%; overflow-y: auto; padding-bottom: 50px; } .nav-tabs.control-sidebar-tabs > li:first-of-type > a, .nav-tabs.control-sidebar-tabs > li:first-of-type > a:hover, .nav-tabs.control-sidebar-tabs > li:first-of-type > a:focus { border-left-width: 0; } .nav-tabs.control-sidebar-tabs > li > a { border-radius: 0; } .nav-tabs.control-sidebar-tabs > li > a, .nav-tabs.control-sidebar-tabs > li > a:hover { border-top: none; border-right: none; border-left: 1px solid transparent; border-bottom: 1px solid transparent; } .nav-tabs.control-sidebar-tabs > li > a .icon { font-size: 16px; } .nav-tabs.control-sidebar-tabs > li.active > a, .nav-tabs.control-sidebar-tabs > li.active > a:hover, .nav-tabs.control-sidebar-tabs > li.active > a:focus, .nav-tabs.control-sidebar-tabs > li.active > a:active { border-top: none; border-right: none; border-bottom: none; } @media (max-width: 768px) { .nav-tabs.control-sidebar-tabs { display: table; } .nav-tabs.control-sidebar-tabs > li { display: table-cell; } .full_width { width: 100% !important; } } .control-sidebar-heading { font-weight: 400; font-size: 16px; padding: 10px 0; margin-bottom: 10px; } .control-sidebar-subheading { display: block; font-weight: 400; font-size: 14px; } .control-sidebar-menu { list-style: none; padding: 0; margin: 0 -15px; } .control-sidebar-menu > li > a { display: block; padding: 10px 15px; } .control-sidebar-menu > li > a:before, .control-sidebar-menu > li > a:after { content: " "; display: table; } .control-sidebar-menu > li > a:after { clear: both; } .control-sidebar-menu > li > a > .control-sidebar-subheading { margin-top: 0; } .control-sidebar-menu .menu-icon { float: left; width: 35px; height: 35px; border-radius: 50%; text-align: center; line-height: 35px; } .control-sidebar-menu .menu-info { margin-left: 45px; margin-top: 3px; } .control-sidebar-menu .menu-info > .control-sidebar-subheading { margin: 0; } .control-sidebar-menu .menu-info > p { margin: 0; font-size: 11px; } .control-sidebar-menu .progress { margin: 0; } .control-sidebar-dark { color: #b8c7ce; } .control-sidebar-dark, .control-sidebar-dark + .control-sidebar-bg { background: #222d32; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs { border-bottom: #1c2529; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a { background: #181f23; color: #b8c7ce; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus { border-left-color: #141a1d; border-bottom-color: #141a1d; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:active { background: #1c2529; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li > a:hover { color: #fff; } .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:hover, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:focus, .control-sidebar-dark .nav-tabs.control-sidebar-tabs > li.active > a:active { background: #222d32; color: #fff; } .control-sidebar-dark .control-sidebar-heading, .control-sidebar-dark .control-sidebar-subheading { color: #fff; } .control-sidebar-dark .control-sidebar-menu > li > a:hover { background: #1e282c; } .control-sidebar-dark .control-sidebar-menu > li > a .menu-info > p { color: #b8c7ce; } .control-sidebar-light { color: #5e5e5e; } .control-sidebar-light, .control-sidebar-light + .control-sidebar-bg { background: #f9fafc; border-left: 1px solid #d2d6de; } .control-sidebar-light .nav-tabs.control-sidebar-tabs { border-bottom: #d2d6de; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a { background: #e8ecf4; color: #444444; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus { border-left-color: #d2d6de; border-bottom-color: #d2d6de; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:focus, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li > a:active { background: #eff1f7; } .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:hover, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:focus, .control-sidebar-light .nav-tabs.control-sidebar-tabs > li.active > a:active { background: #f9fafc; color: #111; } .control-sidebar-light .control-sidebar-heading, .control-sidebar-light .control-sidebar-subheading { color: #111; } .control-sidebar-light .control-sidebar-menu { margin-left: -14px; } .control-sidebar-light .control-sidebar-menu > li > a:hover { background: #f4f4f5; } .control-sidebar-light .control-sidebar-menu > li > a .menu-info > p { color: #5e5e5e; } /* * Component: Dropdown menus * ------------------------- */ /*Dropdowns in general*/ .dropdown-menu { box-shadow: none; border-color: #eee; } .dropdown-menu > li > a { color: #777; } .dropdown-menu > li > a { display: block; padding: 10px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #333333; white-space: nowrap; } .dropdown-menu > li > a > .glyphicon, .dropdown-menu > li > a > .fa, .dropdown-menu > li > a > .ion { margin-right: 10px; } .dropdown-menu > li > a:hover { background-color: rgba(223, 228, 238, 0.5); color: #333; } .dropdown-menu > .divider { background-color: #eee; } .navbar-nav > .notifications-menu > .dropdown-menu, .navbar-nav > .messages-menu > .dropdown-menu, .navbar-nav > .tasks-menu > .dropdown-menu { width: 280px; padding: 0 0 0 0; margin: 0; top: 100%; } .navbar-nav > .notifications-menu > .dropdown-menu > li, .navbar-nav > .messages-menu > .dropdown-menu > li, .navbar-nav > .tasks-menu > .dropdown-menu > li { position: relative; } .navbar-nav > .notifications-menu > .dropdown-menu > li.header, .navbar-nav > .messages-menu > .dropdown-menu > li.header, .navbar-nav > .tasks-menu > .dropdown-menu > li.header { border-top-left-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; background-color: #ffffff; padding: 7px 10px; border-bottom: 1px solid #f4f4f4; color: #444444; font-size: 14px; } .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; font-size: 12px; background-color: #fff; padding: 7px 10px; border-bottom: 1px solid #eeeeee; color: #444 !important; text-align: center; } @media (max-width: 991px) { .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a { background: #fff !important; color: #444 !important; } } .navbar-nav > .notifications-menu > .dropdown-menu > li.footer > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li.footer > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li.footer > a:hover { text-decoration: none; font-weight: normal; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu, .navbar-nav > .messages-menu > .dropdown-menu > li .menu, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu { max-height: 200px; margin: 0; padding: 0; list-style: none; overflow-x: hidden; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { display: block; white-space: nowrap; /* Prevent text from breaking */ border-bottom: 1px solid #f4f4f4; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:hover, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a:hover { background: #f4f4f4; text-decoration: none; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a { color: #444444; overflow: hidden; text-overflow: ellipsis; padding: 10px; } .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .glyphicon, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .fa, .navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a > .ion { width: 20px; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a { margin: 0; padding: 10px 10px; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > div > img { margin: auto 10px auto auto; width: 40px; height: 40px; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 { padding: 0; margin: 0 0 0 45px; color: #444444; font-size: 15px; position: relative; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > h4 > small { color: #999999; font-size: 10px; position: absolute; top: 0; right: 0; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a > p { margin: 0 0 0 45px; font-size: 12px; color: #888888; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:before, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { content: " "; display: table; } .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a:after { clear: both; } .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a { padding: 10px; } .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > h3 { font-size: 14px; padding: 0; margin: 0 0 10px 0; color: #666666; } .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a > .progress { padding: 0; margin: 0; } .navbar-nav > .user-menu > .dropdown-menu { border-top-right-radius: 0; border-top-left-radius: 0; padding: 1px 0 0 0; border-top-width: 0; } .navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body { border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header { height: 175px; padding: 10px; text-align: center; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header > img { z-index: 5; height: 90px; width: 90px; border: 3px solid; border-color: transparent; border-color: rgba(255, 255, 255, 0.2); } .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p { z-index: 5; color: #fff; color: rgba(255, 255, 255, 0.8); font-size: 17px; margin-top: 10px; } .navbar-nav > .user-menu > .dropdown-menu > li.user-header > p > small { display: block; font-size: 12px; } .navbar-nav > .user-menu > .dropdown-menu > .user-body { padding: 0; border-bottom: 1px solid #f4f4f4; border-top: 1px solid #dddddd; } .navbar-nav > .user-menu > .dropdown-menu > .user-body:before, .navbar-nav > .user-menu > .dropdown-menu > .user-body:after { content: " "; display: table; } .navbar-nav > .user-menu > .dropdown-menu > .user-body:after { clear: both; } .navbar-nav > .user-menu > .dropdown-menu > .user-body a { color: #444 !important; } @media (max-width: 991px) { .navbar-nav > .user-menu > .dropdown-menu > .user-body a { background: #fff !important; color: #444 !important; } } .navbar-nav > .user-menu > .dropdown-menu > .user-footer { /*background-color: #f9f9f9;*/ padding: 0; /*margin-top: -9px;*/ } .navbar-nav > .user-menu > .dropdown-menu > .user-footer:before, .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { content: " "; display: table; } .navbar-nav > .user-menu > .dropdown-menu > .user-footer:after { clear: both; } .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default { color: #666666; } @media (max-width: 991px) { .navbar-nav > .user-menu > .dropdown-menu > .user-footer .btn-default:hover { background-color: #f9f9f9; } } .navbar-nav > .user-menu .user-image { float: left; width: 25px; height: 25px; border-radius: 50%; overflow: hidden; margin-right: 10px; } .navbar-nav > .user-menu .user-image img { width: 30px; } @media (max-width: 767px) { .page-wrap-report { padding: 0px 15px !important; } .navbar-nav > .user-menu .user-image { float: none; margin-right: 0; margin-top: -8px; line-height: 10px; } div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label { padding: 10px 15px !important; } } /* Add fade animation to dropdown menus by appending the class .animated-dropdown-menu to the .dropdown-menu ul (or ol)*/ .open:not(.dropup) > .animated-dropdown-menu { backface-visibility: visible !important; -webkit-animation: flipInX 0.7s both; -o-animation: flipInX 0.7s both; animation: flipInX 0.7s both; } @keyframes flipInX { 0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0; } 40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in; } 60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { transform: perspective(400px); } } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } 100% { -webkit-transform: perspective(400px); } } /* Fix dropdown menu in navbars */ .navbar-custom-menu > .navbar-nav > li { position: relative; } .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { position: absolute; right: 0px; padding: 2px; top: 40px; left: auto; background-color: #FFFFFF !important; z-index: 9999; box-shadow: 0px 3px 6px rgba(14, 49, 77, 0.1); } @media (max-width: 991px) { .navbar-custom-menu > .navbar-nav { float: right; } .navbar-custom-menu > .navbar-nav > li { position: static; } .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { position: absolute; right: 5%; left: auto; border: 1px solid #ddd; background: #fff; } .navbar-custom-menu .navbar-nav .dropdown-toggle.admin::after { display: inline-block; color: rgba(11, 32, 70, 0.5); border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(45deg); margin-left: 3px; margin-bottom: -5px; transition: all 0.3s ease; } .navbar-custom-menu .navbar-nav .open > .dropdown-toggle.admin::after { display: inline-block; color: rgba(11, 32, 70, 0.5); border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(-135deg); margin-left: 3px; margin-bottom: -5px; } } /* * Component: Form * --------------- */ .form-control { border-radius: 0; box-shadow: none; border-color: #E8ECF2; background-color: #F2F3F5; color: #0B2046; } .form-control:focus { border-color: rgba(232, 236, 241, 1); box-shadow: none; } .form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder { color: #000; opacity: 1; } .form-control:not(select) { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .form-control::placeholder { border-radius: 0; box-shadow: none; border-color: #CCC1AB; text-align: left; } .form-group.has-success label { color: #00a65a; } .form-group.has-success .form-control, .form-group.has-success .input-group-addon { border-color: #00a65a; box-shadow: none; } .form-group.has-success .help-block { color: #00a65a; } .form-group.has-warning label { color: #f39c12; } .form-group.has-warning .form-control, .form-group.has-warning .input-group-addon { border-color: #f39c12; box-shadow: none; } .form-group.has-warning .help-block { color: #f39c12; } .form-group.has-error label { color: #dd4b39; } .form-group.has-error .form-control, .form-group.has-error .input-group-addon { border-color: #dd4b39; box-shadow: none; } .form-group.has-error .help-block { color: #dd4b39; } .sidebar .form-control { border-radius: 0; box-shadow: none; } .sidebar .form-control:hover, .sidebar .form-control:focus { border-color: #dcdcdc; background-color: rgba(232, 238, 246, 0.6); border-color: rgba(232, 236, 242, 0.6); } .sidebar select:after { content: ''; background-image: url(Img/down_arrow.png) !important; background-position: bottom; background-repeat: no-repeat; float: right; padding-right: 16px; position: absolute; top: 15px; right: 0; width: 10px; height: 10px; } /* Input group */ .input-group .input-group-addon { border-radius: 0; border-color: #d2d6de; background-color: #fff; } .box-info.box .box-body .input-group-addon { height: 28px; padding-bottom: 0; padding-top: 0; overflow: hidden; /*border: 0; background-color: #f2f3f5;*/ outline: 0; } /* button groups */ .btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type { border-radius: 0; } .icheck > label { padding-left: 0; } /* support Font Awesome icons in form-control */ .form-control-feedback.fa { line-height: 34px; } .input-lg + .form-control-feedback.fa, .input-group-lg + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fa { line-height: 46px; } .input-sm + .form-control-feedback.fa, .input-group-sm + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fa { line-height: 30px; } /* * Component: Progress Bar * ----------------------- */ .progress, .progress > .progress-bar { -webkit-box-shadow: none; box-shadow: none; } .progress { background-color: #e1e1e1; } .progress, .progress > .progress-bar, .progress .progress-bar, .progress > .progress-bar .progress-bar { border-radius: 5px; height: 5px; } /* size variation */ .progress.sm, .progress-sm { height: 10px; } .progress.sm, .progress-sm, .progress.sm .progress-bar, .progress-sm .progress-bar { border-radius: 1px; } .progress.xs, .progress-xs { height: 7px; } .progress.xs, .progress-xs, .progress.xs .progress-bar, .progress-xs .progress-bar { border-radius: 1px; } .progress.xxs, .progress-xxs { height: 3px; } .progress.xxs, .progress-xxs, .progress.xxs .progress-bar, .progress-xxs .progress-bar { border-radius: 5px; } /* Vertical bars */ .progress.vertical { position: relative; width: 30px; height: 200px; display: inline-block; margin-right: 10px; } .progress.vertical > .progress-bar { width: 100%; position: absolute; bottom: 0; } .progress.vertical.sm, .progress.vertical.progress-sm { width: 20px; } .progress.vertical.xs, .progress.vertical.progress-xs { width: 10px; } .progress.vertical.xxs, .progress.vertical.progress-xxs { width: 3px; } .progress-group .progress-text { font-weight: 600; } .form-group { margin-bottom: 10px } .progress-group .progress-number { float: right; } /* Remove margins from progress bars when put in a table */ .table tr > td .progress { margin: 0; } .progress-bar-light-blue, .progress-bar-primary { background-color: #3c8dbc; } .progress-striped .progress-bar-light-blue, .progress-striped .progress-bar-primary { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-green, .progress-bar-success { background-color: #00a65a; } .progress-striped .progress-bar-green, .progress-striped .progress-bar-success { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-aqua, .progress-bar-info { background-color: #00c0ef; } .progress-striped .progress-bar-aqua, .progress-striped .progress-bar-info { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-yellow, .progress-bar-warning { background-color: #f39c12; } .progress-striped .progress-bar-yellow, .progress-striped .progress-bar-warning { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } .progress-bar-red, .progress-bar-danger { background-color: #ae2626; } .progress-striped .progress-bar-red, .progress-striped .progress-bar-danger { background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); } /* * Component: Small Box * -------------------- */ .small-box { border-radius: 2px; position: relative; display: block; margin-bottom: 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); } .small-box > .inner { padding: 10px; } .small-box > .small-box-footer { position: relative; text-align: center; padding: 3px 0; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; z-index: 10; background: rgba(0, 0, 0, 0.1); text-decoration: none; } .small-box > .small-box-footer:hover { color: #fff; background: rgba(0, 0, 0, 0.15); } .small-box h3 { font-size: 38px; font-weight: bold; margin: 0 0 10px 0; white-space: nowrap; padding: 0; } .small-box p { font-size: 15px; } .small-box p > small { display: block; color: #f9f9f9; font-size: 13px; margin-top: 5px; } .small-box h3, .small-box p { z-index: 5; } .small-box .icon { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute; top: -10px; right: 10px; z-index: 0; font-size: 90px; color: rgba(0, 0, 0, 0.15); } .small-box:hover { text-decoration: none; color: #f9f9f9; } .small-box:hover .icon { font-size: 95px; } @media (max-width: 767px) { .small-box { text-align: center; } .small-box .icon { display: none; } .small-box p { font-size: 12px; } } /* * Plugin: Select2 * --------------- */ .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { background-color: #F2F3F5; border-color: rgba(232, 236, 242, 1); } .select2-container--default.select2-container--focus, .select2-selection.select2-container--focus, .select2-container--default:focus, .select2-selection:focus, .select2-container--default:active, .select2-selection:active { outline: none; /*background-color: #E8EEF6;*/ } .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { border: 1px solid #e6e6e6; border-radius: 0; padding: 6px 12px; height: 34px; } .select2-container--default .select2-selection--single:hover, .select2-selection .select2-selection--single:hover { background-color: rgba(232, 238, 246, 0.6); } .select2-container--default.select2-container--open { border-color: #3c8dbc; z-index: 99999; } .select2-dropdown { border: 1px solid #e6e6e6; border-radius: 0; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #BF9F62; color: white; } .select2-results__option { padding: 6px 12px; user-select: none; -webkit-user-select: none; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 0; height: auto; margin-top: -4px; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 6px; padding-left: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 28px; right: 3px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: 0; } .requirement_no .select2-container--default .select2-selection--single .select2-selection__arrow { height: 35px !important; } .select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field { border: 1px solid #BF9F62; } .select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus { outline: none; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #BF9F62 !important; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: rgba(232, 236, 242, 1) !important; color: rgba(11, 32, 70, 1); } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { color: rgba(11, 32, 70, 1) !important; } .select2-container--default .select2-selection--multiple { border: 1px solid #e6e6e6; border-radius: 0; } .select2-container--default .select2-selection--multiple:focus { border-color: #BF9F62; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #e6e6e6; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #BF9F62; border-color: #BF9F62; padding: 1px 10px; color: #fff; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 5px; color: rgba(255, 255, 255, 0.7); } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #fff; } .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 10px; } .box .datepicker-inline, .box .datepicker-inline .datepicker-days, .box .datepicker-inline > table, .box .datepicker-inline .datepicker-days > table { width: 100%; } .datepicker-here { background-image: url(../Content/Img/Calendar_b.png); background-position: right 7px center; background-repeat: no-repeat; background-size: 12px 12px; padding-left: 5px; font-size: 14px; } .box .datepicker-inline td:hover, .box .datepicker-inline .datepicker-days td:hover, .box .datepicker-inline > table td:hover, .box .datepicker-inline .datepicker-days > table td:hover { background-color: rgba(255, 255, 255, 0.3); } .box .datepicker-inline td.day.old, .box .datepicker-inline .datepicker-days td.day.old, .box .datepicker-inline > table td.day.old, .box .datepicker-inline .datepicker-days > table td.day.old, .box .datepicker-inline td.day.new, .box .datepicker-inline .datepicker-days td.day.new, .box .datepicker-inline > table td.day.new, .box .datepicker-inline .datepicker-days > table td.day.new { color: #777; } /* * Component: Box * -------------- */ .box { position: relative; border-radius: 3px; background: #ffffff; margin-bottom: 20px; width: 100%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .box.box-primary { border-top-color: #3c8dbc; } .box.box-info { border-top-color: transparent !important; background-color: rgba(242, 243, 245, 0.5) !important; box-shadow: 0px 3px 6px #0E314D1A; margin-bottom: 0 !important; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; /*position:relative;*/ } .info-textarea { display: block; width: 100%; height: 102px; border: 1px solid #DADEE4; font-size: 12px; color: #0B2046; resize: none; padding: 10px; } .box-info button { margin-bottom: 15px; } .box-info button:active { background-color: transparent; } .box-info.box .btn-box-tool { position: absolute; top: -45px; right: -20px; } .box.box-danger { border-top-color: #dd4b39; } .box.box-warning { border-top-color: #f39c12; } .box.box-success { border-top-color: #00a65a; } .box.box-default { border-top-color: #e6e6e6; } .box.collapsed-box .box-body, .box.collapsed-box .box-footer { display: none; } .box .nav-stacked > li { border-bottom: 1px solid #f4f4f4; margin: 0; } .box .nav-stacked > li:last-of-type { border-bottom: none; } .box.height-control .box-body { max-height: 300px; overflow: auto; } .box .border-right { border-right: 1px solid #f4f4f4; } .box .border-left { border-left: 1px solid #f4f4f4; } .box.box-solid { border-top: 0; } .box.box-solid > .box-header .btn.btn-default { background: transparent; } .box.box-solid > .box-header .btn:hover, .box.box-solid > .box-header a:hover { background: rgba(0, 0, 0, 0.1); } .box.box-solid.box-default { border: 1px solid #e6e6e6; } .box.box-solid.box-default > .box-header { color: #444444; background: #e6e6e6; background-color: #e6e6e6; } .box.box-solid.box-default > .box-header a, .box.box-solid.box-default > .box-header .btn { color: #444444; } .box.box-solid.box-primary { border: 1px solid #3c8dbc; } .box.box-solid.box-primary > .box-header { color: #ffffff; background: #3c8dbc; background-color: #3c8dbc; } .box.box-solid.box-primary > .box-header a, .box.box-solid.box-primary > .box-header .btn { color: #ffffff; } .box.box-solid.box-info { border: 1px solid #00c0ef; } .box.box-solid.box-info > .box-header { color: #ffffff; background: #00c0ef; background-color: #00c0ef; } .box.box-solid.box-info > .box-header a, .box.box-solid.box-info > .box-header .btn { color: #ffffff; } .box.box-solid.box-danger { border: 1px solid #dd4b39; } .box.box-solid.box-danger > .box-header { color: #ffffff; background: #dd4b39; background-color: #dd4b39; } .box.box-solid.box-danger > .box-header a, .box.box-solid.box-danger > .box-header .btn { color: #ffffff; } .box.box-solid.box-warning { border: 1px solid #f39c12; } .box.box-solid.box-warning > .box-header { color: #ffffff; background: #f39c12; background-color: #f39c12; } .box.box-solid.box-warning > .box-header a, .box.box-solid.box-warning > .box-header .btn { color: #ffffff; } .box.box-solid.box-success { border: 1px solid #00a65a; } .box.box-solid.box-success > .box-header { color: #ffffff; background: #00a65a; background-color: #00a65a; } .box.box-solid.box-success > .box-header a, .box.box-solid.box-success > .box-header .btn { color: #ffffff; } .box.box-solid > .box-header > .box-tools .btn { border: 0; box-shadow: none; } .box.box-solid[class*='bg'] > .box-header { color: #fff; } .box .box-group > .box { margin-bottom: 5px; } .box .knob-label { text-align: center; color: #333; font-weight: 100; font-size: 12px; margin-bottom: 0.3em; } .box > .overlay, .overlay-wrapper > .overlay, .box > .loading-img, .overlay-wrapper > .loading-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .box .overlay, .overlay-wrapper .overlay { z-index: 50; background: rgba(255, 255, 255, 0.7); border-radius: 3px; } .box .overlay > .fa, .overlay-wrapper .overlay > .fa { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; color: #000; font-size: 30px; } .box .overlay.dark, .overlay-wrapper .overlay.dark { background: rgba(0, 0, 0, 0.5); } .box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after { content: " "; display: table; } .box-header:after, .box-body:after, .box-footer:after { clear: both; } .addnewBtn { position: absolute; top: 0; right: 10px; top: 5px; } .box-header { color: rgba(9, 36, 58, 1); display: block; padding: 15px 0px; position: relative; } .btnmrgn { margin-bottom: 10px; } .topmrgn { margin-top: 10px; padding: 0 10px; } .box-info .topmrgn { padding: 0 7px; } .addnew { color: rgba(9, 36, 58, 1); display: block; padding: 15px 0px; position: absolute !important; top: -60px !important; right: 0px !important; z-index: 1; } .box-header.with-border { border-bottom: 1px solid #f4f4f4; } .collapsed-box .box-header.with-border { border-bottom: none; } h3 span { font-size: 12px; } .box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title { display: inline-block; font-size: 16px; margin: 0; line-height: 30px; } .box-header > .fa, .box-header > .glyphicon, .box-header > .ion { margin-right: 5px; } .input-group { width: 100%; } label.error { float: right; line-height: 23px; font-size: 9px !important; color: #fd8a13 !important; } .errortext { position: absolute; top: -18px; right: 0; } table tr td label.error { position: absolute; right: 0px; top: -11px; line-height: 15px; } .form-group label { font-size: 11px; color: rgba(11, 32, 70, 0.8); font-weight: 400; } aside .form-group label { margin-bottom: 4px; } .box-body .form-group label { color: rgba(11, 32, 70, 0.7); } .box-body .form-group h2 { color: #0B2046; font-size: 14px; font-weight: 400; margin: 0 !important; margin-top: 3px !important; } .form-group p { margin: 0; color: rgba(8, 23, 49, 1); font-size: 12px; } .label-input input { display: inline-block !important; margin-right: 8px; } .box-header > .box-tools { float: right; /*position: absolute; right: -15px; top: -50px;*/ } .box-header > .box-tools [data-toggle="tooltip"] { position: relative; } .box-header > .box-tools.pull-right .dropdown-menu { right: 0; left: auto; } .box-header > .box-tools .dropdown-menu > li > a { color: #444 !important; } .box-tools button { background-color: rgba(248, 127, 14, 1); border-radius: 0; font-weight: 500; color: #fff; padding: 7px 15px; box-shadow: 0 3px 6px rgba(14,49,77,.1); transition: all 0.2s ease; /*position: absolute; top: -50px; right: -15px;*/ } .box-tools button:hover, .box-tools button:active, .box-tools button:focus { background-color: rgba(248, 127, 14, 0.8); border-radius: 0; color: #fff; padding: 7px 15px; box-shadow: 0px 3px 6px rgba(14, 49, 77, 0.1); transition: all 0.2s ease; } .box-tools a { background-color: #BF9F62; border-radius: 0; font-weight: 500; color: #000; padding: 7px 15px; box-shadow: 0 3px 6px rgba(14,49,77,.1); transition: all 0.2s ease; } .box-tools a:hover, .box-tools a:active, .box-tools a:focus { background-color: #BF9F62; border-radius: 0; color: #2E2E2E; padding: 7px 15px; box-shadow: 0 3px 10px rgba(14,49,77,.1); transition: all 0.2s ease; } .box-header .select2-container--default.select2-container, .box-header .select2-selection, .box-header .select2-container--default.select2-container--focus, .box-header .select2-selection.select2-container--focus, .box-header .select2-container--default:focus, .box-header .select2-selection:focus, .box-header .select2-container--default:active, .box-header .select2-selection:active { background-color: #BF9F62; border-color: #BF9F62; } .box-header .select2-selection:hover { background-color: #ba9858; } .primaryBtn { background-color: rgba(248, 127, 14, 1) !important; border-radius: 0; color: #fff; padding: 7px 15px; min-width: 100px; font-size: 12px; border: none; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); transition: all 0.2s ease; } .primaryBtn:hover, .primaryBtn:active, .primaryBtn:focus { background-color: rgba(248, 127, 14, 0.8) !important; border-radius: 0; color: #fff; /*box-shadow: 0 3px 10px rgba(14,49,77,.1);*/ box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); transition: all 0.2s ease; } .exportBtn { background-color: #000; border-radius: 0; color: #fff; padding: 7px 15px; font-size: 12px; border: none; box-shadow: 0 3px 6px rgba(14,49,77,.1); transition: all 0.2s ease; } .exportBtn:hover, .exportBtn:active, .exportBtn:focus { background-color: #000; border-radius: 0; color: #fff; padding: 7px 15px; box-shadow: 0 3px 10px rgba(14,49,77,.1); transition: all 0.2s ease; } .defaultBtn { background-color: #fff; border-radius: 0; color: #0B2046; padding: 7px 15px; min-width: 100px; border: none; font-size: 12px; box-shadow: 0px 3px 6px #00000029; transition: all 0.2s ease; } .defaultBtn:hover, .defaultBtn:active, .defaultBtn:focus { background-color: #FBFBFB; border-radius: 0; color: #0B2046; padding: 7px 15px; box-shadow: 0px 3px 6px #00000029; transition: all 0.2s ease; } .downloadBtn { background-color: #2E2E2E; border-radius: 0; color: #fff; padding: 7px 9px; width: 100px; font-size: 12px; border: none; transition: all 0.2s ease; margin-bottom: 10px; } .downloadBtn img { margin-right: 8px; } .downloadBtn:hover, .downloadBtn:active, .downloadBtn:focus { background-color: #2E2E2E; border-radius: 0; color: #fff; } .box-tools button img, a img { /*margin-right: 5px;*/ margin-bottom: 2px; width: 16px; } .btn-box-tool { padding: 5px; font-size: 12px; background: transparent; color: #97a0b3; font-family: 'Roboto', sans-serif; } .open .btn-box-tool, .btn-box-tool:hover { color: #000; } .btn-box-tool.btn:active { box-shadow: none; } .box-body { border-top-left-radius: 0; border-top-right-radius: 0; position: relative; } /*.box-body h6 { color: #7f7f7f; padding-top: 5px; }*/ .no-header .box-body { border-top-right-radius: 3px; border-top-left-radius: 3px; } .box-body > .table { margin-bottom: 0; } .box-body .fc { margin-top: 5px; } .box-body .full-width-chart { margin: -19px; } .box-body.no-padding .full-width-chart { margin: -9px; } .box-body .box-pane { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px; } .box-body .box-pane-right { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 0; } .box-footer { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top: 1px solid #f4f4f4; padding: 10px; background-color: #ffffff; } .box-footer1 { width: 100%; height: 30px; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,.2) 0%, rgba(255,255,255,.5) 100%); position: absolute; bottom: 0; } .chart-legend { margin: 10px 0; } @media (max-width: 991px) { .chart-legend > li { float: left; margin-right: 10px; } } .box-comments { background: #f7f7f7; } .box-comments .box-comment { padding: 8px 0; border-bottom: 1px solid #eee; } .box-comments .box-comment:before, .box-comments .box-comment:after { content: " "; display: table; } .box-comments .box-comment:after { clear: both; } .box-comments .box-comment:last-of-type { border-bottom: 0; } .box-comments .box-comment:first-of-type { padding-top: 0; } .box-comments .box-comment img { float: left; } .box-comments .comment-text { margin-left: 40px; color: #555; } .box-comments .username { color: #444; display: block; font-weight: 600; } .box-comments .text-muted { font-weight: 400; font-size: 12px; } .contentSetting { background-color: #fff; /*box-shadow: 0px 3px 6px #0E314D1A;*/ box-shadow: 0px 1px 6px 4px #0E314D1A; /*#172a541a*/ transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } /* Widget: TODO LIST */ .todo-list { margin: 0; padding: 0; list-style: none; overflow: auto; } .todo-list > li { border-radius: 2px; padding: 10px; background: #f4f4f4; margin-bottom: 2px; border-left: 2px solid #e6e7e8; color: #444; } .todo-list > li:last-of-type { margin-bottom: 0; } .todo-list > li > input[type='checkbox'] { margin: 0 10px 0 5px; } .todo-list > li .text { display: inline-block; margin-left: 5px; font-weight: 600; } .todo-list > li .label { margin-left: 10px; font-size: 9px; } .todo-list > li .tools { display: none; float: right; color: #dd4b39; } .todo-list > li .tools > .fa, .todo-list > li .tools > .glyphicon, .todo-list > li .tools > .ion { margin-right: 5px; cursor: pointer; } .todo-list > li:hover .tools { display: inline-block; } .todo-list > li.done { color: #999; } .todo-list > li.done .text { text-decoration: line-through; font-weight: 500; } .todo-list > li.done .label { background: #e6e6e6 !important; } .todo-list .danger { border-left-color: #dd4b39; } .todo-list .warning { border-left-color: #f39c12; } .todo-list .info { border-left-color: #00c0ef; } .todo-list .success { border-left-color: #00a65a; } .todo-list .primary { border-left-color: #3c8dbc; } .todo-list .handle { display: inline-block; cursor: move; margin: 0 5px; } /* Chat widget (DEPRECATED - this will be removed in the next major release. Use Direct Chat instead)*/ .chat { padding: 5px 20px 5px 10px; } .chat .item { margin-bottom: 10px; } .chat .item:before, .chat .item:after { content: " "; display: table; } .chat .item:after { clear: both; } .chat .item > img { width: 40px; height: 40px; border: 2px solid transparent; border-radius: 50%; } .chat .item > .online { border: 2px solid #00a65a; } .chat .item > .offline { border: 2px solid #dd4b39; } .chat .item > .message { margin-left: 55px; margin-top: -40px; } .chat .item > .message > .name { display: block; font-weight: 600; } .chat .item > .attachment { border-radius: 3px; background: #f4f4f4; margin-left: 65px; margin-right: 15px; padding: 10px; } .chat .item > .attachment > h4 { margin: 0 0 5px 0; font-weight: 600; font-size: 14px; } .chat .item > .attachment > p, .chat .item > .attachment > .filename { font-weight: 600; font-size: 13px; font-style: italic; margin: 0; } .chat .item > .attachment:before, .chat .item > .attachment:after { content: " "; display: table; } .chat .item > .attachment:after { clear: both; } .box-input { max-width: 200px; } .modal .panel-body { color: #444; } /* * Component: Info Box * ------------------- */ .info-box { display: block; min-height: 90px; background: #fff; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; margin-bottom: 15px; } .info-box small { font-size: 14px; } .info-box .progress { background: rgba(0, 0, 0, 0.2); margin: 5px -10px 5px -10px; height: 2px; } .info-box .progress, .info-box .progress .progress-bar { border-radius: 0; } .info-box .progress .progress-bar { background: #fff; } .info-box-icon { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; display: block; float: left; height: 90px; width: 90px; text-align: center; font-size: 45px; line-height: 90px; background: rgba(0, 0, 0, 0.2); } .info-box-icon > img { max-width: 100%; } .info-box-content { padding: 5px 10px; margin-left: 90px; } .info-box-number { display: block; font-weight: bold; font-size: 18px; } .progress-description, .info-box-text { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .info-box-text { text-transform: uppercase; } .info-box-more { display: block; } .progress-description { margin: 0; } /* * Component: Timeline * ------------------- */ .timeline { position: relative; margin: 0 0 30px 0; padding: 0; list-style: none; } .timeline:before { content: ''; position: absolute; top: 0; bottom: 0; width: 4px; background: #ddd; left: 31px; margin: 0; border-radius: 2px; } .timeline > li { position: relative; margin-right: 10px; margin-bottom: 15px; } .timeline > li:before, .timeline > li:after { content: " "; display: table; } .timeline > li:after { clear: both; } .timeline > li > .timeline-item { -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; margin-top: 0; background: #fff; color: #444; margin-left: 60px; margin-right: 15px; padding: 0; position: relative; } .timeline > li > .timeline-item > .time { color: #999; float: right; padding: 10px; font-size: 12px; } .timeline > li > .timeline-item > .timeline-header { margin: 0; color: #555; border-bottom: 1px solid #f4f4f4; padding: 10px; font-size: 16px; line-height: 1.1; } .timeline > li > .timeline-item > .timeline-header > a { font-weight: 600; } .timeline > li > .timeline-item > .timeline-body, .timeline > li > .timeline-item > .timeline-footer { padding: 10px; } .timeline > li > .fa, .timeline > li > .glyphicon, .timeline > li > .ion { width: 30px; height: 30px; font-size: 15px; line-height: 30px; position: absolute; color: #666; background: #e6e6e6; border-radius: 50%; text-align: center; left: 18px; top: 0; } .timeline > .time-label > span { font-weight: 600; padding: 5px; display: inline-block; background-color: #fff; border-radius: 4px; } .timeline-inverse > li > .timeline-item { background: #f0f0f0; border: 1px solid #ddd; -webkit-box-shadow: none; box-shadow: none; } .timeline-inverse > li > .timeline-item > .timeline-header { border-bottom-color: #ddd; } /* * Component: Button * ----------------- */ .btn { border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; border: 0px solid transparent; } .btn.uppercase { text-transform: uppercase; } .btn.btn-flat { border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-width: 1px; } .btn:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn:focus { outline: none; } .btn.btn-file { position: relative; overflow: hidden; } .btn.btn-file > input[type='file'] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; filter: alpha(opacity=0); outline: none; background: white; cursor: inherit; display: block; } .btn-default { background-color: #80808021; color: #444; border-color: #ddd; border-radius: 0; color: #2E2E2E; padding: 7px 15px; min-width: 100px; font-size: 12px; border: none; box-shadow: 0 3px 6px rgba(14,49,77,.1); transition: all 0.2s ease; } .btn-default:hover, .btn-default:active, .btn-default.hover { background-color: #e7e7e7; } /*.btn-primary { background-color: #F87F0E; color: #fff; }*/ .btn-primary { background-color: #0B2046; color: #fff; } .btn-primary.disabled { background-color: #AE2626; color: #fff; } .btn-primary:hover, .btn-primary:active, .btn-primary.hover, .btn-primary:focus { background-color: #0b2047cc; color: #fff; } .btn-secondary { background-color: rgba(127, 127, 127, 1); color: #fff; } .btn-secondary:hover, .btn-secondary:active, .btn-secondary.hover, .btn-secondary:focus { background-color: rgba(127, 127, 127, 0.9) !important; color: #fff; } .btn-default-model { background-color: #80808021; color: #444; } .btn-default-model:hover, .btn-default-model:active, .btn-default-model.hover { background-color: #e7e7e7; } .btn-close { background-color: #000000; color: #fff; } .btn-close:hover, .btn-close:active, .btn-close.hover, .btn-close:focus { background-color: #000000d6 !important; color: #fff; } .btn-success { background-color: #00a65a; border-color: #008d4c; } .btn-success:hover, .btn-success:active, .btn-success.hover { background-color: #008d4c; } .btn-info { background-color: #00c0ef; border-color: #00acd6; } .btn-info:hover, .btn-info:active, .btn-info.hover { background-color: #00acd6; } .btn-danger { background-color: #dd4b39; border-color: #d73925; } .btn-danger:hover, .btn-danger:active, .btn-danger.hover { background-color: #d73925; } .btn-warning { background-color: #f39c12; border-color: #e08e0b; } .btn-warning:hover, .btn-warning:active, .btn-warning.hover { background-color: #e08e0b; } .btn-outline { border: 1px solid #fff; background: transparent; color: #fff; } .btn-outline:hover, .btn-outline:focus, .btn-outline:active { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7); } .btn-link { -webkit-box-shadow: none; box-shadow: none; } .btn[class*='bg-']:hover { -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); } .btn-app { border-radius: 3px; position: relative; padding: 15px 5px; margin: 0 0 10px 10px; min-width: 80px; height: 60px; text-align: center; color: #666; border: 1px solid #ddd; background-color: #f4f4f4; font-size: 12px; } .btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion { font-size: 20px; display: block; } .btn-app:hover { background: #f4f4f4; color: #444; border-color: #aaa; } .btn-app:active, .btn-app:focus { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .btn-app > .badge { position: absolute; top: -3px; right: -10px; font-size: 10px; font-weight: 400; } /* * Component: Callout * ------------------ */ .callout { border-radius: 3px; margin: 0 0 20px 0; padding: 15px 30px 15px 15px; border-left: 5px solid #eee; } .callout a { color: #fff; text-decoration: underline; } .callout a:hover { color: #eee; } .callout h4 { margin-top: 0; font-weight: 600; } .callout p:last-child { margin-bottom: 0; } .callout code, .callout .highlight { background-color: #fff; } .callout.callout-danger { border-color: #c23321; } .callout.callout-warning { border-color: #c87f0a; } .callout.callout-info { border-color: #0097bc; } .callout.callout-success { border-color: #00733e; } /* * Component: alert * ---------------- */ .alert { border-radius: 3px; } .alert h4 { font-weight: 600; } .alert .icon { margin-right: 10px; } .alert .close { color: #fff; opacity: 0.2; filter: alpha(opacity=20); } .alert .close:hover { opacity: 0.5; filter: alpha(opacity=50); } .alert a { color: #fff; text-decoration: underline; } /*.alert-success { border-color: #008d4c; }*/ .alert-danger, .alert-error { border-color: #d73925; } .alert-warning { border-color: #e08e0b; } .alert-info { border-color: #00acd6; } /* * Component: Nav * -------------- */ .navbar-nav > li > a { padding: 3px 0px !important; line-height: 30px; text-decoration: none; } .navbar-nav .user { margin-left: 20px; } .nav-link > img { width: 20px; } .dropdown-menu-center { right: auto !important; left: 50% !important; -webkit-transform: translate(-50%, 0); -o-transform: translate(-50%, 0); transform: translate(-50%, 0); } .nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus { color: #fff; background-color: transparent !important; } .nav .open > a, .nav .open > a:hover, .nav .open > a:focus { color: #fff; background-color: transparent !important; } /* NAV PILLS */ .nav-pills > li > a { border-radius: 0; border-top: 3px solid transparent; color: #444; } .nav-pills > li > a > .fa, .nav-pills > li > a > .glyphicon, .nav-pills > li > a > .ion { margin-right: 5px; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { border-top-color: #3c8dbc; } .nav-pills > li.active > a { font-weight: 600; } /* NAV STACKED */ .nav-stacked > li > a { border-radius: 0; border-top: 0; border-left: 3px solid transparent; color: #444; } .nav-stacked > li.active > a, .nav-stacked > li.active > a:hover { background: transparent; color: #444; border-top: 0; border-left-color: #3c8dbc; } .nav-stacked > li.header { border-bottom: 1px solid #ddd; color: #777; margin-bottom: 10px; padding: 5px 10px; text-transform: uppercase; } /* NAV TABS */ .nav-tabs-custom { margin-bottom: 20px; background: #fff; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; } .nav-tabs-custom > .nav-tabs { margin: 0; border-bottom-color: #f4f4f4; border-top-right-radius: 3px; border-top-left-radius: 3px; } .nav-tabs-custom > .nav-tabs > li { border-top: 3px solid transparent; margin-bottom: -2px; margin-right: 5px; } .nav-tabs-custom > .nav-tabs > li.disabled > a { color: #777; } .nav-tabs-custom > .nav-tabs > li > a { color: #444; border-radius: 0; } .nav-tabs-custom > .nav-tabs > li > a.text-muted { color: #999; } .nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover { background: transparent; margin: 0; } .nav-tabs-custom > .nav-tabs > li > a:hover { color: #999; } .nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active { border-color: transparent; } .nav-tabs-custom > .nav-tabs > li.active { border-top-color: #3c8dbc; } .nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a { background-color: #fff; color: #444; } .nav-tabs-custom > .nav-tabs > li.active > a { border-top-color: transparent; border-left-color: #f4f4f4; border-right-color: #f4f4f4; } .nav-tabs-custom > .nav-tabs > li:first-of-type { margin-left: 0; } .nav-tabs-custom > .nav-tabs > li:first-of-type.active > a { border-left-color: transparent; } .nav-tabs-custom > .nav-tabs.pull-right { float: none !important; } .nav-tabs-custom > .nav-tabs.pull-right > li { float: right; } .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type { margin-right: 0; } .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a { border-left-width: 1px; } .nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { border-left-color: #f4f4f4; border-right-color: transparent; } .nav-tabs-custom > .nav-tabs > li.header { line-height: 35px; padding: 0 10px; font-size: 20px; color: #444; } .nav-tabs-custom > .nav-tabs > li.header > .fa, .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom > .nav-tabs > li.header > .ion { margin-right: 5px; } .nav-tabs-custom > .tab-content { background: #fff; padding: 10px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; } .nav-tabs-custom .dropdown.open > a:active, .nav-tabs-custom .dropdown.open > a:focus { background: transparent; color: #999; } .nav-tabs-custom.tab-primary > .nav-tabs > li.active { border-top-color: #3c8dbc; } .nav-tabs-custom.tab-info > .nav-tabs > li.active { border-top-color: #00c0ef; } .nav-tabs-custom.tab-danger > .nav-tabs > li.active { border-top-color: #dd4b39; } .nav-tabs-custom.tab-warning > .nav-tabs > li.active { border-top-color: #f39c12; } .nav-tabs-custom.tab-success > .nav-tabs > li.active { border-top-color: #00a65a; } .nav-tabs-custom.tab-default > .nav-tabs > li.active { border-top-color: #e6e6e6; } /* PAGINATION */ .pagination > li > a { background: #fafafa; color: #666; } .pagination.pagination-flat > li > a { border-radius: 0 !important; } /* * Component: Products List * ------------------------ */ .products-list { list-style: none; margin: 0; padding: 0; } .products-list > .item { border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); padding: 10px 0; background: #fff; } .products-list > .item:before, .products-list > .item:after { content: " "; display: table; } .products-list > .item:after { clear: both; } .products-list .product-img { float: left; } .products-list .product-img img { width: 50px; height: 50px; } .products-list .product-info { margin-left: 60px; } .products-list .product-title { font-weight: 600; } .products-list .product-description { display: block; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .product-list-in-box > .item { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border-bottom: 1px solid #f4f4f4; } .product-list-in-box > .item:last-of-type { border-bottom-width: 0; } /* * Component: Table * ---------------- */ .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border: 1px solid #E9E6DF; vertical-align: middle; } .table > thead > tr > th { /*border: 1px solid #E9E6DF !important;*/ white-space: nowrap; } .table tr td .progress { margin-top: 5px; } .table-bordered { /*border: 1px solid;*/ /*box-shadow: 0px 3px 6px #0E314D1A;*/ border: 0; } .table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th { border: none; } .table-bordered > thead > tr > th { font-size: 11px; color: #0B2046; font-weight: 600; padding: 8px 30px 8px 20px; background-color: #F2F3F5 !important; } .table-bordered > tbody > tr > td { border-top: 0; border-right: 0; border-left: 0; border-bottom: 1px solid rgba(217, 222, 226, 1); font-size: 12px; color: #0B2046; padding: 10px 20px 10px 20px; } .table-bordered > tbody > tr > td p { margin-bottom: 0; } .table.no-border, .table.no-border td, .table.no-border th { border: 0; } .border-tbl .table-bordered > thead > tr > th, .border-tbl .table-bordered > thead > tr > td, .border-tbl .table-bordered > tbody > tr > th, .border-tbl .table-bordered > tbody > tr > td { border: 1px solid #E9E6DF !important; } .border-tbl .table-bordered > tbody > tr > td .label { padding: 3px 15px; border-radius: 3px; } .border-tbl .table-bordered > thead > tr > th { font-size: 14px; color: #555; } .border-tbl .table-bordered > thead > tr > th small { font-size: 10px; } /*.border-tbl .table-bordered > tbody > tr > td:nth-child(1n+1) { border-right: none; } .border-tbl .table-bordered > tbody > tr > td:nth-child(2n+1){border-left:none;}*/ .border-tbl .table-bordered > thead > tr > th:nth-child(1), .border-tbl .table-bordered > tbody > tr > th { font-size: 12px; font-weight: 500; color: #000; border: none !important; } .border-tbl .table-bordered > tbody > tr > th, .border-tbl .table-bordered > thead > tr > th:nth-child(1) { border: none; background-color: rgba(255,250,238,0.5); white-space: nowrap; max-width: 125px; overflow: hidden; text-overflow: ellipsis; padding-left: 10px; } .border-tbl h3 { float: left; } .border-tbl .tableNotes, .border-tbl .tableNotes p { float: right; /*padding: 0px 3px;*/ padding: 0px 5px; margin: 0; } /* .text-center in tables */ table.text-center, table.text-center td, table.text-center th { text-align: center; } .table.align th { text-align: left; } .table.align td { text-align: right; } .ellipsis { position: relative; padding: 5px 11px; border: 1px solid #bf9f62; } .ellipsis:before { visibility: hidden; } .ellipsis span { position: absolute; left: 0; right: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-right: 10px; } .hover_shadow tbody tr:hover { background-color: #fff; padding: 5px; -webkit-box-shadow: 0px 3px 6px -1px rgba(0,0,0,0.14); -moz-box-shadow: 0px 3px 6px -1px rgba(0,0,0,0.14); box-shadow: 0px 3px 6px -1px rgba(0,0,0,0.14); } .table-borderedReport tbody tr td { cursor: pointer; } .tablescroll { overflow-x: scroll; overflow-y: scroll; } /* * Component: Label * ---------------- */ .label-default { background-color: #e6e6e6; color: #444; } /* * Component: Direct Chat * ---------------------- */ .direct-chat .box-body { border-bottom-right-radius: 0; border-bottom-left-radius: 0; position: relative; overflow-x: hidden; padding: 0; } .direct-chat.chat-pane-open .direct-chat-contacts { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .direct-chat-messages { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); padding: 10px; height: 250px; overflow: auto; } .direct-chat-msg, .direct-chat-text { display: block; } .direct-chat-msg { margin-bottom: 10px; } .direct-chat-msg:before, .direct-chat-msg:after { content: " "; display: table; } .direct-chat-msg:after { clear: both; } .direct-chat-messages, .direct-chat-contacts { -webkit-transition: -webkit-transform 0.5s ease-in-out; -moz-transition: -moz-transform 0.5s ease-in-out; -o-transition: -o-transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out; } .direct-chat-text { border-radius: 5px; position: relative; padding: 5px 10px; background: #e6e6e6; border: 1px solid #e6e6e6; margin: 5px 0 0 50px; color: #444444; } .direct-chat-text:after, .direct-chat-text:before { position: absolute; right: 100%; top: 15px; border: solid transparent; border-right-color: #e6e6e6; content: ' '; height: 0; width: 0; pointer-events: none; } .direct-chat-text:after { border-width: 5px; margin-top: -5px; } .direct-chat-text:before { border-width: 6px; margin-top: -6px; } .right .direct-chat-text { margin-right: 50px; margin-left: 0; } .right .direct-chat-text:after, .right .direct-chat-text:before { right: auto; left: 100%; border-right-color: transparent; border-left-color: #e6e6e6; } .direct-chat-img { border-radius: 50%; float: left; width: 40px; height: 40px; } .right .direct-chat-img { float: right; } .direct-chat-info { display: block; margin-bottom: 2px; font-size: 12px; } .direct-chat-name { font-weight: 600; } .direct-chat-timestamp { color: #999; } .direct-chat-contacts-open .direct-chat-contacts { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .direct-chat-contacts { -webkit-transform: translate(101%, 0); -ms-transform: translate(101%, 0); -o-transform: translate(101%, 0); transform: translate(101%, 0); position: absolute; top: 0; bottom: 0; height: 250px; width: 100%; background: #222d32; color: #fff; overflow: auto; } .contacts-list > li { border-bottom: 1px solid rgba(0, 0, 0, 0.2); padding: 10px; margin: 0; } .contacts-list > li:before, .contacts-list > li:after { content: " "; display: table; } .contacts-list > li:after { clear: both; } .contacts-list > li:last-of-type { border-bottom: none; } .contacts-list-img { border-radius: 50%; width: 40px; float: left; } .contacts-list-info { margin-left: 45px; color: #fff; } .contacts-list-name, .contacts-list-status { display: block; } .contacts-list-name { font-weight: 600; } .contacts-list-status { font-size: 12px; } .contacts-list-date { color: #aaa; font-weight: normal; } .contacts-list-msg { color: #999; } .direct-chat-danger .right > .direct-chat-text { background: #dd4b39; border-color: #dd4b39; color: #ffffff; } .direct-chat-danger .right > .direct-chat-text:after, .direct-chat-danger .right > .direct-chat-text:before { border-left-color: #dd4b39; } .direct-chat-primary .right > .direct-chat-text { background: #3c8dbc; border-color: #3c8dbc; color: #ffffff; } .direct-chat-primary .right > .direct-chat-text:after, .direct-chat-primary .right > .direct-chat-text:before { border-left-color: #3c8dbc; } .direct-chat-warning .right > .direct-chat-text { background: #f39c12; border-color: #f39c12; color: #ffffff; } .direct-chat-warning .right > .direct-chat-text:after, .direct-chat-warning .right > .direct-chat-text:before { border-left-color: #f39c12; } .direct-chat-info .right > .direct-chat-text { background: #00c0ef; border-color: #00c0ef; color: #ffffff; } .direct-chat-info .right > .direct-chat-text:after, .direct-chat-info .right > .direct-chat-text:before { border-left-color: #00c0ef; } .direct-chat-success .right > .direct-chat-text { background: #00a65a; border-color: #00a65a; color: #ffffff; } .direct-chat-success .right > .direct-chat-text:after, .direct-chat-success .right > .direct-chat-text:before { border-left-color: #00a65a; } /* * Component: Users List * --------------------- */ .users-list > li { width: 25%; float: left; padding: 10px; text-align: center; } .users-list > li img { border-radius: 50%; max-width: 100%; height: auto; } .users-list > li > a:hover, .users-list > li > a:hover .users-list-name { color: #999; } .users-list-name, .users-list-date { display: block; } .users-list-name { font-weight: 600; color: #444; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .users-list-date { color: #999; font-size: 12px; } /* * Component: Carousel * ------------------- */ .carousel-control.left, .carousel-control.right { background-image: none; } .carousel-control > .fa { font-size: 40px; position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -18px; } /* * Component: modal * ---------------- */ .modal { background: rgba(0, 0, 0, 0.3); overflow-y: hidden; } .modal-content { background-color: #F2F3F5; box-shadow: 0px 3px 6px rgba(11, 32, 70, 0.15); border-radius: 5px; border: 0; } @media (min-width: 768px) { .modal-content { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); } } .modal-header { padding: 10px 20px; } .modal-header h4 { font-size: 16px; line-height: 21px; color: rgba(11, 32, 70, 1); font-weight: 600; } .chat_header { padding: 15px 20px 15px 20px !important; } .modal-footer { border-top-color: #f4f4f4; margin-top: 0px; } .modal-primary .modal-header, .modal-primary .modal-footer { border-color: #307095; } .modal-warning .modal-header, .modal-warning .modal-footer { border-color: #c87f0a; } .modal-info .modal-header, .modal-info .modal-footer { border-color: #0097bc; } .modal-success .modal-header, .modal-success .modal-footer { border-color: #00733e; } .modal-danger .modal-header, .modal-danger .modal-footer { border-color: #c23321; } /* * Component: Social Widgets * ------------------------- */ .box-widget { border: none; position: relative; } .widget-user .widget-user-header { padding: 20px; height: 120px; border-top-right-radius: 3px; border-top-left-radius: 3px; } .widget-user .widget-user-username { margin-top: 0; margin-bottom: 5px; font-size: 25px; font-weight: 300; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); } .widget-user .widget-user-desc { margin-top: 0; } .widget-user .widget-user-image { position: absolute; top: 65px; left: 50%; margin-left: -45px; } .widget-user .widget-user-image > img { width: 90px; height: auto; border: 3px solid #fff; } .widget-user .box-footer { padding-top: 30px; } .widget-user-2 .widget-user-header { padding: 20px; border-top-right-radius: 3px; border-top-left-radius: 3px; } .widget-user-2 .widget-user-username { margin-top: 5px; margin-bottom: 5px; font-size: 25px; font-weight: 300; } .widget-user-2 .widget-user-desc { margin-top: 0; } .widget-user-2 .widget-user-username, .widget-user-2 .widget-user-desc { margin-left: 75px; } .widget-user-2 .widget-user-image > img { width: 65px; height: auto; float: left; } .treeview-menu { display: none; list-style: none; padding: 0; margin: 0; padding-left: 0px; } .treeview-menu .treeview-menu { padding-left: 0px; } .treeview-menu > li { margin: 0; } .treeview-menu > li > a { padding: 10px 25px 10px 0px; display: block; font-size: 12px; color: #555; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 220px; } .treeview-menu > li > a > .fa, .treeview-menu > li > a > .glyphicon, .treeview-menu > li > a > .ion { width: 20px; } .treeview-menu > li > a > .pull-right-container > .fa-angle-left, .treeview-menu > li > a > .pull-right-container > .fa-angle-down, .treeview-menu > li > a > .fa-angle-left, .treeview-menu > li > a > .fa-angle-down { width: auto; } /* * Page: Mailbox * ------------- */ .mailbox-messages > .table { margin: 0; } .mailbox-controls { padding: 5px; } .mailbox-controls.with-border { border-bottom: 1px solid #f4f4f4; } .mailbox-read-info { border-bottom: 1px solid #f4f4f4; padding: 10px; } .mailbox-read-info h3 { font-size: 20px; margin: 0; } .mailbox-read-info h5 { margin: 0; padding: 5px 0 0 0; } .mailbox-read-time { color: #999; font-size: 13px; } .mailbox-read-message { padding: 10px; } .mailbox-attachments li { float: left; width: 200px; border: 1px solid #eee; margin-bottom: 10px; margin-right: 10px; } .mailbox-attachment-name { font-weight: bold; color: #666; } .mailbox-attachment-icon, .mailbox-attachment-info, .mailbox-attachment-size { display: block; } .mailbox-attachment-info { padding: 10px; background: #f4f4f4; } .mailbox-attachment-size { color: #999; font-size: 12px; } .mailbox-attachment-icon { text-align: center; font-size: 65px; color: #666; padding: 20px 10px; } .mailbox-attachment-icon.has-img { padding: 0; } .mailbox-attachment-icon.has-img > img { max-width: 100%; height: auto; } .YxprtBtn { margin-right: 10px } /* * Page: Lock Screen * ----------------- */ /* ADD THIS CLASS TO THE TAG */ .lockscreen { background: #e6e6e6; } .lockscreen-logo { font-size: 35px; text-align: center; margin-bottom: 25px; font-weight: 300; } .lockscreen-logo a { color: #444; } .lockscreen-wrapper { max-width: 400px; margin: 0 auto; margin-top: 10%; } /* User name [optional] */ .lockscreen .lockscreen-name { text-align: center; font-weight: 600; } /* Will contain the image and the sign in form */ .lockscreen-item { border-radius: 4px; padding: 0; background: #fff; position: relative; margin: 10px auto 30px auto; width: 290px; } /* User image */ .lockscreen-image { border-radius: 50%; position: absolute; left: -10px; top: -25px; background: #fff; padding: 5px; z-index: 10; } .lockscreen-image > img { border-radius: 50%; width: 70px; height: 70px; } /* Contains the password input and the login button */ .lockscreen-credentials { margin-left: 70px; } .lockscreen-credentials .form-control { border: 0; } .lockscreen-credentials .btn { background-color: #fff; border: 0; padding: 0 10px; } .lockscreen-footer { margin-top: 10px; } /* * Page: Login & Register * ---------------------- */ .login-logo, .register-logo { font-size: 35px; text-align: center; margin-bottom: 25px; font-weight: 300; } .login-logo a, .register-logo a { color: #444; } .login-page, .register-page { background: #e6e6e6; } .login-box, .register-box { width: 360px; margin: 7% auto; } @media (max-width: 768px) { .login-box, .register-box { width: 90%; margin-top: 20px; } .content-wrapper { margin-top: 0; } .content-wrapper2 { margin-top: 80px; padding: 0px 15px !important; } .form-group { margin-bottom: 5px; } .with_padding_left { padding-left: 20px !important; } .with_padding_top { padding-top: 15px !important; } } .login-box-body, .register-box-body { background: #fff; padding: 20px; border-top: 0; color: #666; } .login-box-body .form-control-feedback, .register-box-body .form-control-feedback { color: #777; } .login-box-msg, .register-box-msg { margin: 0; text-align: center; padding: 0 20px 20px 20px; } .social-auth-links { margin: 10px 0; } /* * Page: 400 and 500 error pages * ------------------------------ */ .error-page { width: 600px; margin: 20px auto 0 auto; } @media (max-width: 991px) { .error-page { width: 100%; } } .error-page > .headline { float: left; font-size: 100px; font-weight: 300; } @media (max-width: 991px) { .error-page > .headline { float: none; text-align: center; } } @media (max-width: 1024px) { .reportTbl > tbody > tr > td:nth-child(1) { white-space: nowrap; } } .error-page > .error-content { margin-left: 190px; display: block; } @media (max-width: 991px) { .error-page > .error-content { margin-left: 0; } } .error-page > .error-content > h3 { font-weight: 300; font-size: 25px; } @media (max-width: 991px) { .error-page > .error-content > h3 { text-align: center; } } /* * Page: Invoice * ------------- */ .invoice { position: relative; background: #fff; border: 1px solid #f4f4f4; padding: 20px; margin: 10px 25px; } .invoice-title { margin-top: 0; } /* * Page: Profile * ------------- */ .profile-user-img { margin: 0 auto; width: 100px; padding: 3px; border: 3px solid #e6e6e6; } .profile-username { font-size: 21px; margin-top: 5px; } .post { border-bottom: 1px solid #e6e6e6; margin-bottom: 15px; padding-bottom: 15px; color: #666; } .post:last-of-type { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; } .post .user-block { margin-bottom: 15px; } /* * Social Buttons for Bootstrap * * Copyright 2013-2015 Panayiotis Lipiridis * Licensed under the MIT License * * https://github.com/lipis/bootstrap-social */ .btn-social { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .btn-social > :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2); } .btn-social.btn-lg { padding-left: 61px; } .btn-social.btn-lg > :first-child { line-height: 45px; width: 45px; font-size: 1.8em; } .btn-social.btn-sm { padding-left: 38px; } .btn-social.btn-sm > :first-child { line-height: 28px; width: 28px; font-size: 1.4em; } .btn-social.btn-xs { padding-left: 30px; } .btn-social.btn-xs > :first-child { line-height: 20px; width: 20px; font-size: 1.2em; } .btn-social-icon { position: relative; padding-left: 44px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 34px; width: 34px; padding: 0; } .btn-social-icon > :first-child { position: absolute; left: 0; top: 0; bottom: 0; width: 32px; line-height: 34px; font-size: 1.6em; text-align: center; border-right: 1px solid rgba(0, 0, 0, 0.2); } .btn-social-icon.btn-lg { padding-left: 61px; } .btn-social-icon.btn-lg > :first-child { line-height: 45px; width: 45px; font-size: 1.8em; } .btn-social-icon.btn-sm { padding-left: 38px; } .btn-social-icon.btn-sm > :first-child { line-height: 28px; width: 28px; font-size: 1.4em; } .btn-social-icon.btn-xs { padding-left: 30px; } .btn-social-icon.btn-xs > :first-child { line-height: 20px; width: 20px; font-size: 1.2em; } .btn-social-icon > :first-child { border: none; text-align: center; width: 100%; } .btn-social-icon.btn-lg { height: 45px; width: 45px; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-sm { height: 30px; width: 30px; padding-left: 0; padding-right: 0; } .btn-social-icon.btn-xs { height: 22px; width: 22px; padding-left: 0; padding-right: 0; } .btn-adn { color: #ffffff; background-color: #d87a68; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:focus, .btn-adn.focus { color: #ffffff; background-color: #ce563f; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:hover { color: #ffffff; background-color: #ce563f; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn { color: #ffffff; background-color: #ce563f; border-color: rgba(0, 0, 0, 0.2); } .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn { background-image: none; } .btn-adn .badge { color: #d87a68; background-color: #ffffff; } .btn-bitbucket { color: #ffffff; background-color: #205081; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:focus, .btn-bitbucket.focus { color: #ffffff; background-color: #163758; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:hover { color: #ffffff; background-color: #163758; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket { color: #ffffff; background-color: #163758; border-color: rgba(0, 0, 0, 0.2); } .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket { background-image: none; } .btn-bitbucket .badge { color: #205081; background-color: #ffffff; } .btn-dropbox { color: #ffffff; background-color: #1087dd; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:focus, .btn-dropbox.focus { color: #ffffff; background-color: #0d6aad; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:hover { color: #ffffff; background-color: #0d6aad; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox { color: #ffffff; background-color: #0d6aad; border-color: rgba(0, 0, 0, 0.2); } .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox { background-image: none; } .btn-dropbox .badge { color: #1087dd; background-color: #ffffff; } .btn-facebook { color: #ffffff; background-color: #3b5998; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:focus, .btn-facebook.focus { color: #ffffff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:hover { color: #ffffff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook { color: #ffffff; background-color: #2d4373; border-color: rgba(0, 0, 0, 0.2); } .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook { background-image: none; } .btn-facebook .badge { color: #3b5998; background-color: #ffffff; } .btn-flickr { color: #ffffff; background-color: #ff0084; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:focus, .btn-flickr.focus { color: #ffffff; background-color: #cc006a; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:hover { color: #ffffff; background-color: #cc006a; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr { color: #ffffff; background-color: #cc006a; border-color: rgba(0, 0, 0, 0.2); } .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr { background-image: none; } .btn-flickr .badge { color: #ff0084; background-color: #ffffff; } .btn-foursquare { color: #ffffff; background-color: #f94877; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:focus, .btn-foursquare.focus { color: #ffffff; background-color: #f71752; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:hover { color: #ffffff; background-color: #f71752; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare { color: #ffffff; background-color: #f71752; border-color: rgba(0, 0, 0, 0.2); } .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare { background-image: none; } .btn-foursquare .badge { color: #f94877; background-color: #ffffff; } .btn-github { color: #ffffff; background-color: #444444; border-color: rgba(0, 0, 0, 0.2); } .btn-github:focus, .btn-github.focus { color: #ffffff; background-color: #2b2b2b; border-color: rgba(0, 0, 0, 0.2); } .btn-github:hover { color: #ffffff; background-color: #2b2b2b; border-color: rgba(0, 0, 0, 0.2); } .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github { color: #ffffff; background-color: #2b2b2b; border-color: rgba(0, 0, 0, 0.2); } .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github { background-image: none; } .btn-github .badge { color: #444444; background-color: #ffffff; } .btn-google { color: #ffffff; background-color: #dd4b39; border-color: rgba(0, 0, 0, 0.2); } .btn-google:focus, .btn-google.focus { color: #ffffff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2); } .btn-google:hover { color: #ffffff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2); } .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google { color: #ffffff; background-color: #c23321; border-color: rgba(0, 0, 0, 0.2); } .btn-google:active, .btn-google.active, .open > .dropdown-toggle.btn-google { background-image: none; } .btn-google .badge { color: #dd4b39; background-color: #ffffff; } .btn-instagram { color: #ffffff; background-color: rgba(218, 222, 228, 1); border-color: rgba(218, 222, 228, 1); } .btn-instagram:focus, .btn-instagram.focus { color: #ffffff; background-color: rgba(218, 222, 228, 1); border-color: rgba(218, 222, 228, 1); } .btn-instagram:hover { color: #ffffff; background-color: #305777; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram { color: #ffffff; background-color: #305777; border-color: rgba(0, 0, 0, 0.2); } .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram { background-image: none; } .btn-instagram .badge { color: #3f729b; background-color: #ffffff; } .btn-linkedin { color: #ffffff; background-color: #007bb6; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:focus, .btn-linkedin.focus { color: #ffffff; background-color: #005983; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:hover { color: #ffffff; background-color: #005983; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin { color: #ffffff; background-color: #005983; border-color: rgba(0, 0, 0, 0.2); } .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin { background-image: none; } .btn-linkedin .badge { color: #007bb6; background-color: #ffffff; } .btn-microsoft { color: #ffffff; background-color: #2672ec; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:focus, .btn-microsoft.focus { color: #ffffff; background-color: #125acd; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:hover { color: #ffffff; background-color: #125acd; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft { color: #ffffff; background-color: #125acd; border-color: rgba(0, 0, 0, 0.2); } .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft { background-image: none; } .btn-microsoft .badge { color: #2672ec; background-color: #ffffff; } .btn-openid { color: #ffffff; background-color: #f7931e; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:focus, .btn-openid.focus { color: #ffffff; background-color: #da7908; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:hover { color: #ffffff; background-color: #da7908; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid { color: #ffffff; background-color: #da7908; border-color: rgba(0, 0, 0, 0.2); } .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid { background-image: none; } .btn-openid .badge { color: #f7931e; background-color: #ffffff; } .btn-pinterest { color: #ffffff; background-color: #cb2027; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:focus, .btn-pinterest.focus { color: #ffffff; background-color: #9f191f; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:hover { color: #ffffff; background-color: #9f191f; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest { color: #ffffff; background-color: #9f191f; border-color: rgba(0, 0, 0, 0.2); } .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest { background-image: none; } .btn-pinterest .badge { color: #cb2027; background-color: #ffffff; } .btn-reddit { color: #000000; background-color: #eff7ff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:focus, .btn-reddit.focus { color: #000000; background-color: #bcddff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:hover { color: #000000; background-color: #bcddff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit { color: #000000; background-color: #bcddff; border-color: rgba(0, 0, 0, 0.2); } .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit { background-image: none; } .btn-reddit .badge { color: #eff7ff; background-color: #000000; } .btn-soundcloud { color: #ffffff; background-color: #ff5500; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:focus, .btn-soundcloud.focus { color: #ffffff; background-color: #cc4400; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:hover { color: #ffffff; background-color: #cc4400; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud { color: #ffffff; background-color: #cc4400; border-color: rgba(0, 0, 0, 0.2); } .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud { background-image: none; } .btn-soundcloud .badge { color: #ff5500; background-color: #ffffff; } .btn-tumblr { color: #ffffff; background-color: #2c4762; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:focus, .btn-tumblr.focus { color: #ffffff; background-color: #1c2d3f; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:hover { color: #ffffff; background-color: #1c2d3f; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr { color: #ffffff; background-color: #1c2d3f; border-color: rgba(0, 0, 0, 0.2); } .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr { background-image: none; } .btn-tumblr .badge { color: #2c4762; background-color: #ffffff; } .btn-twitter { color: #ffffff; background-color: #55acee; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:focus, .btn-twitter.focus { color: #ffffff; background-color: #2795e9; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:hover { color: #ffffff; background-color: #2795e9; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter { color: #ffffff; background-color: #2795e9; border-color: rgba(0, 0, 0, 0.2); } .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter { background-image: none; } .btn-twitter .badge { color: #55acee; background-color: #ffffff; } .btn-vimeo { color: #ffffff; background-color: #1ab7ea; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:focus, .btn-vimeo.focus { color: #ffffff; background-color: #1295bf; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:hover { color: #ffffff; background-color: #1295bf; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo { color: #ffffff; background-color: #1295bf; border-color: rgba(0, 0, 0, 0.2); } .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo { background-image: none; } .btn-vimeo .badge { color: #1ab7ea; background-color: #ffffff; } .btn-vk { color: #ffffff; background-color: #587ea3; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:focus, .btn-vk.focus { color: #ffffff; background-color: #466482; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:hover { color: #ffffff; background-color: #466482; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk { color: #ffffff; background-color: #466482; border-color: rgba(0, 0, 0, 0.2); } .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk { background-image: none; } .btn-vk .badge { color: #587ea3; background-color: #ffffff; } .btn-yahoo { color: #ffffff; background-color: #720e9e; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:focus, .btn-yahoo.focus { color: #ffffff; background-color: #500a6f; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:hover { color: #ffffff; background-color: #500a6f; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo { color: #ffffff; background-color: #500a6f; border-color: rgba(0, 0, 0, 0.2); } .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo { background-image: none; } .btn-yahoo .badge { color: #720e9e; background-color: #ffffff; } /* * Plugin: Full Calendar * --------------------- */ .fc-button { background: #f4f4f4; background-image: none; color: #444; border-color: #ddd; border-bottom-color: #ddd; } .fc-button:hover, .fc-button:active, .fc-button.hover { background-color: #e9e9e9; } .fc-header-title h2 { font-size: 15px; line-height: 1.6em; color: #666; margin-left: 10px; } .fc-header-right { padding-right: 10px; } .fc-header-left { padding-left: 10px; } .fc-widget-header { background: #fafafa; } .fc-grid { width: 100%; border: 0; } .fc-widget-header:first-of-type, .fc-widget-content:first-of-type { border-left: 0; border-right: 0; } .fc-widget-header:last-of-type, .fc-widget-content:last-of-type { border-right: 0; } .fc-toolbar { padding: 10px; margin: 0; } .fc-day-number { font-size: 20px; font-weight: 300; padding-right: 10px; } .fc-color-picker { list-style: none; margin: 0; padding: 0; } .fc-color-picker > li { float: left; font-size: 30px; margin-right: 5px; line-height: 30px; } .fc-color-picker > li .fa { -webkit-transition: -webkit-transform linear 0.3s; -moz-transition: -moz-transform linear 0.3s; -o-transition: -o-transform linear 0.3s; transition: transform linear 0.3s; } .fc-color-picker > li .fa:hover { -webkit-transform: rotate(30deg); -ms-transform: rotate(30deg); -o-transform: rotate(30deg); transform: rotate(30deg); } #add-new-event { -webkit-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s; } .external-event { padding: 5px 10px; font-weight: bold; margin-bottom: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; cursor: move; } .external-event:hover { box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2); } /* * Plugin: Select2 * --------------- */ .select2-container--default.select2-container--focus, .select2-selection.select2-container--focus, .select2-container--default:focus, .select2-selection:focus, .select2-container--default:active, .select2-selection:active { outline: none; } .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { border: 1px solid rgba(232, 236, 242, 1); border-radius: 0; padding: 6px 12px; height: 34px; } .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { height: 28px; } .select2-container--default.select2-container--open { border-color: #BF9F62; } .select2-dropdown { border: 1px solid #e6e6e6; border-radius: 0; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: rgba(232, 236, 242, 1); color: rgba(11, 32, 70, 1); } .select2-results__option { padding: 6px 12px; user-select: none; -webkit-user-select: none; } .box-info.box .box-body .select2-results__option { font-size: 12px !important; } .box-info.box .box-body .form-group { margin-bottom: 10px; } .select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 0; height: auto; margin-top: -4px; } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 6px; padding-left: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 28px; right: 3px; } .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: 0; } .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: -5px; } .select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field { border: 1px solid #e6e6e6; } .select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus { outline: none; } .select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field { border-color: rgba(218, 222, 228, 1) !important; } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd; } .select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { color: #444; } .select2-container--default .select2-selection--multiple { border: 0; border-radius: 0; height: 2rem; /*max-height: 2rem; overflow: auto;*/ } .select2-container--default .select2-selection--multiple:focus { border-color: #BF9F62; } .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #e6e6e6; } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: rgba(55, 35, 129, 0.2); border-color: rgba(55, 35, 129, 0.2); padding: 1px 10px; color: #333333; font-size: 12px; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 5px; color: black; } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #fff; } .select2-container .select2-selection--single .select2-selection__rendered { padding-right: 10px; font-size: 12px; } .box .datepicker-inline, .box .datepicker-inline .datepicker-days, .box .datepicker-inline > table, .box .datepicker-inline .datepicker-days > table { width: 100%; } .box .datepicker-inline td:hover, .box .datepicker-inline .datepicker-days td:hover, .box .datepicker-inline > table td:hover, .box .datepicker-inline .datepicker-days > table td:hover { background-color: rgba(255, 255, 255, 0.3); } .box .datepicker-inline td.day.old, .box .datepicker-inline .datepicker-days td.day.old, .box .datepicker-inline > table td.day.old, .box .datepicker-inline .datepicker-days > table td.day.old, .box .datepicker-inline td.day.new, .box .datepicker-inline .datepicker-days td.day.new, .box .datepicker-inline > table td.day.new, .box .datepicker-inline .datepicker-days > table td.day.new { color: #777; } /* * General: Miscellaneous * ---------------------- */ .pad { padding: 10px; } .margin { margin: 10px; } .margin-bottom { margin-bottom: 20px; } .margin-bottom-none { margin-bottom: 0; } .margin-r-5 { margin-right: 5px; } .inline { display: inline; } .description-block { display: block; margin: 10px 0; text-align: center; } .description-block.margin-bottom { margin-bottom: 25px; } .description-block > .description-header { margin: 0; padding: 0; font-weight: 600; font-size: 16px; } .description-block > .description-text { text-transform: uppercase; } .bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer { color: #fff !important; } .bg-brown { background-color: #BF9F62 !important; cursor: pointer; } .bg-white { background-color: #fff !important; } .bg-light { background-color: #F5F5F5; } .bg-gray { color: #000; background-color: #F3F3F3 !important; } .bg-gray1 { color: #fff; background-color: #443E3E !important; } .bg-black { background-color: #111111 !important; } .bg-darkgray { /*color: #A2A2A2;*/ background-color: #e1e1e1 !important; } .bg-red, .callout.callout-danger, .alert-danger, .alert-error, .label-danger, .modal-danger .modal-body { background-color: #fff0f0 !important; cursor: pointer; } .bg-yellow, .callout.callout-warning, .alert-warning, .label-warning, .modal-warning .modal-body { background-color: #f39c12 !important; } .bg-aqua, .callout.callout-info, .alert-info, .label-info, .modal-info .modal-body { background-color: #bf9f62 !important; /*background-color: #00c0ef !important;*/ } .bg-blue { background-color: #0073b7 !important; } .bg-light-blue, .label-primary, .modal-primary .modal-body { background-color: #3c8dbc !important; } .bg-green, .callout.callout-success, .alert-success, .label-success, .modal-success .modal-body { /*background-color: #ffe6cc !important;*/ background-color: #f7d6b2 !important; /*background-color: #f8faff !important;*/ color: #0B2046 !important; cursor: pointer; border: 0 !important; box-shadow: 0px 3px 6px #00000029 !important; } .alert-success .close { opacity: 1; top: 0px; font-size: 18px !important; color: #565761; right: 5px; } .alert-success .close:hover { color: #565761 !important; } .bg-navy { background-color: #001f3f !important; } .bg-teal { background-color: #39cccc !important; } .bg-olive { background-color: #3d9970 !important; } .bg-lime { background-color: #01ff70 !important; } .bg-orange { background-color: #ff851b !important; } .bg-fuchsia { background-color: #f012be !important; } .bg-purple { background-color: #605ca8 !important; } .bg-maroon { background-color: #d81b60 !important; } .bg-gray-active { color: #000; background-color: #b5bbc8 !important; } .bg-black-active { background-color: #000000 !important; } .bg-red-active, .modal-danger .modal-header, .modal-danger .modal-footer { background-color: #d33724 !important; } .bg-yellow-active, .modal-warning .modal-header, .modal-warning .modal-footer { background-color: #db8b0b !important; } .bg-aqua-active, .modal-info .modal-header, .modal-info .modal-footer { background-color: #00a7d0 !important; } .bg-blue-active { background-color: #005384 !important; } .bg-light-blue-active, .modal-primary .modal-header, .modal-primary .modal-footer { background-color: #357ca5 !important; } .bg-green-active, .modal-success .modal-header, .modal-success .modal-footer { background-color: #008d4c !important; } .bg-navy-active { background-color: #001a35 !important; } .bg-teal-active { background-color: #30bbbb !important; } .bg-olive-active { background-color: #368763 !important; } .bg-lime-active { background-color: #00e765 !important; } .bg-orange-active { background-color: #ff7701 !important; } .bg-fuchsia-active { background-color: #db0ead !important; } .bg-purple-active { background-color: #555299 !important; } .bg-maroon-active { background-color: #ca195a !important; } [class^="bg-"].disabled { opacity: 0.65; filter: alpha(opacity=65); } .text-red { color: #dd4b39 !important; } .text-yellow { color: #f39c12 !important; } .text-aqua { color: #00c0ef !important; } .text-blue { color: #0073b7 !important; } .text-black { color: #111111 !important; } .text-light-blue { color: #3c8dbc !important; } .text-green { color: #00a65a !important; } .text-gray { color: #d2d6de !important; } .text-navy { color: #001f3f !important; } .text-teal { color: #39cccc !important; } .text-olive { color: #3d9970 !important; } .text-lime { color: #01ff70 !important; } .text-orange { color: #ff851b !important; } .text-fuchsia { color: #f012be !important; } .text-purple { color: #605ca8 !important; } .text-maroon { color: #d81b60 !important; } .link-muted { color: #7a869d; } .link-muted:hover, .link-muted:focus { color: #000; } .link-black { color: #666; } .link-black:hover, .link-black:focus { color: #999; } .hide { display: none !important; } .no-border { border: 0 !important; } .no-padding { padding: 0 !important; } .no-margin { margin: 0 !important; } .no-shadow { box-shadow: none !important; } .list-unstyled, .chart-legend, .contacts-list, .users-list, .mailbox-attachments { list-style: none; margin: 0; padding: 0; } .list-group-unbordered > .list-group-item { border-left: 0; border-right: 0; border-radius: 0; padding-left: 0; padding-right: 0; } .flat { border-radius: 0 !important; } .text-bold, .text-bold.table td, .text-bold.table th { font-weight: 700; } .text-sm { font-size: 12px; } .jqstooltip { padding: 5px !important; width: auto !important; height: auto !important; } .bg-teal-gradient { background: #39cccc !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #39cccc), color-stop(1, #7adddd)) !important; background: -ms-linear-gradient(bottom, #39cccc, #7adddd) !important; background: -moz-linear-gradient(center bottom, #39cccc 0%, #7adddd 100%) !important; background: -o-linear-gradient(#7adddd, #39cccc) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7adddd', endColorstr='#39cccc', GradientType=0) !important; color: #fff; } .bg-light-blue-gradient { background: #3c8dbc !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3c8dbc), color-stop(1, #67a8ce)) !important; background: -ms-linear-gradient(bottom, #3c8dbc, #67a8ce) !important; background: -moz-linear-gradient(center bottom, #3c8dbc 0%, #67a8ce 100%) !important; background: -o-linear-gradient(#67a8ce, #3c8dbc) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#67a8ce', endColorstr='#3c8dbc', GradientType=0) !important; color: #fff; } .bg-blue-gradient { background: #0073b7 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important; background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important; background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important; background: -o-linear-gradient(#0089db, #0073b7) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important; color: #fff; } .bg-aqua-gradient { background: #00c0ef !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00c0ef), color-stop(1, #14d1ff)) !important; background: -ms-linear-gradient(bottom, #00c0ef, #14d1ff) !important; background: -moz-linear-gradient(center bottom, #00c0ef 0%, #14d1ff 100%) !important; background: -o-linear-gradient(#14d1ff, #00c0ef) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#14d1ff', endColorstr='#00c0ef', GradientType=0) !important; color: #fff; } .bg-yellow-gradient { background: #f39c12 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important; background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important; background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important; background: -o-linear-gradient(#f7bc60, #f39c12) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important; color: #fff; } .bg-purple-gradient { background: #605ca8 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important; background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important; background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important; background: -o-linear-gradient(#9491c4, #605ca8) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important; color: #fff; } .bg-green-gradient { background: #00a65a !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important; background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important; background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important; background: -o-linear-gradient(#00ca6d, #00a65a) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important; color: #fff; } .bg-red-gradient { background: #dd4b39 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important; background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important; background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important; background: -o-linear-gradient(#e47365, #dd4b39) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important; color: #fff; } .bg-black-gradient { background: #111111 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #111111), color-stop(1, #2b2b2b)) !important; background: -ms-linear-gradient(bottom, #111111, #2b2b2b) !important; background: -moz-linear-gradient(center bottom, #111111 0%, #2b2b2b 100%) !important; background: -o-linear-gradient(#2b2b2b, #111111) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2b2b2b', endColorstr='#111111', GradientType=0) !important; color: #fff; } .bg-maroon-gradient { background: #d81b60 !important; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important; background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important; background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important; background: -o-linear-gradient(#e73f7c, #d81b60) !important; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important; color: #fff; } .bg-ltgreen { background-color: rgba(57,162,68,0.25) !important; color: #042a08 !important; cursor: pointer; } .bg-ltred { background-color: #fbe3cd !important; color: #e04756 !important; cursor: pointer; } .bg-ltorange { background-color: #fce9aa !important; color: #f59224 !important; cursor: pointer; } .bg-ltblue { background-color: #dde7f9 !important; color: #375691 !important; cursor: pointer; } .bg-lt5green { background-color: rgba(57,162,68,0.50) !important; color: #042a08 !important; cursor: pointer; } .bg-lt7green { background-color: rgba(57,162,68,0.70) !important; color: #fff !important; cursor: pointer; } .bg-dkgreen { background-color: #042a08 !important; color: #fff !important; cursor: default; } .description-block .description-icon { font-size: 16px; } .no-pad-top { padding-top: 0; } .position-static { position: static !important; } .list-header { font-size: 15px; padding: 10px 4px; font-weight: bold; color: #666; } .list-seperator { height: 1px; background: #f4f4f4; margin: 15px 0 9px 0; } .list-link > a { padding: 4px; color: #777; } .list-link > a:hover { color: #222; } .font-light { font-weight: 300; } .user-block:before, .user-block:after { content: " "; display: table; } .user-block:after { clear: both; } .user-block img { width: 40px; height: 40px; float: left; } .user-block .username, .user-block .description, .user-block .comment { display: block; margin-left: 50px; } .user-block .username { font-size: 16px; font-weight: 600; } .user-block .description { color: #999; font-size: 13px; } .user-block.user-block-sm .username, .user-block.user-block-sm .description, .user-block.user-block-sm .comment { margin-left: 40px; } .user-block.user-block-sm .username { font-size: 14px; } .img-sm, .img-md, .img-lg, .box-comments .box-comment img, .user-block.user-block-sm img { float: left; } .img-sm, .box-comments .box-comment img, .user-block.user-block-sm img { width: 30px !important; height: 30px !important; } .img-sm + .img-push { margin-left: 40px; } .img-md { width: 60px; height: 60px; } .img-md + .img-push { margin-left: 70px; } .img-lg { width: 100px; height: 100px; } .img-lg + .img-push { margin-left: 110px; } .img-bordered { border: 3px solid #d2d6de; padding: 3px; } .img-bordered-sm { border: 2px solid #d2d6de; padding: 2px; } .attachment-block { border: 1px solid #f4f4f4; padding: 5px; margin-bottom: 10px; background: #f7f7f7; } .attachment-block .attachment-img { max-width: 100px; max-height: 100px; height: auto; float: left; } .attachment-block .attachment-pushed { margin-left: 110px; } .attachment-block .attachment-heading { margin: 0; } .attachment-block .attachment-text { color: #555; } .connectedSortable { min-height: 100px; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sort-highlight { background: #f4f4f4; border: 1px dashed #ddd; margin-bottom: 10px; } .full-opacity-hover { opacity: 0.65; filter: alpha(opacity=65); } .full-opacity-hover:hover { opacity: 1; filter: alpha(opacity=100); } .chart { position: relative; overflow: hidden; width: 100%; } .chart svg, .chart canvas { width: 100% !important; } /* * Misc: print * ----------- */ @media print { .no-print, .main-sidebar, .left-side, .main-header, .content-header { display: none !important; } .content-wrapper, .right-side, .main-footer { margin-left: 0 !important; min-height: 0 !important; -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important; } .fixed .content-wrapper, .fixed .right-side { padding-top: 0 !important; } .invoice { width: 100%; border: 0; margin: 0; padding: 0; } .invoice-col { float: left; width: 33.3333333%; } .table-responsive { overflow: auto; } .table-responsive > .table tr th, .table-responsive > .table tr td { white-space: normal !important; } } /*----MD Select----*/ .md-select { position: relative; display: block; margin: 10px 0 8px 0; padding-bottom: 2px; min-width: 100px; text-align: center; transition: all 0.2s ease; } .md-select > label { width: 100%; } .md-select > label > small { position: absolute; z-index: 9; color: #09243A; left: 0; top: -5px; font-size: 10px; font-weight: 300; } .md-select *, .md-select :after, .md-select :before { box-sizing: border-box; } .md-select [type=button] { background-color: transparent; color: #09243A; font-size: 14px; font-weight: 400; font-family: 'Roboto', sans-serif; cursor: pointer; display: block; line-height: normal; padding: 10px 0; position: relative; text-align: left; text-shadow: none; width: 100%; margin: auto; z-index: 1; outline: none; overflow: hidden; transition: all 0.2s ease; o-text-overflow: clip; text-overflow: clip; box-shadow: none; border: none; } .md-select [type=button]:focus, .md-select [type=button]:hover { background-color: transparent; } .md-select [type=button]:after { content: ''; background-image: url(Img/down_arrow.png); background-position: bottom; background-repeat: no-repeat; float: right; padding-right: 16px; position: absolute; top: 15px; right: 0; width: 10px; height: 10px; } .md-select ul[role=listbox] { background-color: white; cursor: default; list-style: none; line-height: 26px; overflow: hidden; margin: 0; max-height: 0; position: absolute; padding: 0; top: -5px; left: 0; transition: all 0.15s cubic-bezier(0.35, 0, 0.25, 1); width: 100%; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24) !important; transition: all 0.2s ease; } .md-select ul[role=listbox] li { height: 35px; margin: 0; padding: 5px; outline: none; text-align: left; overflow: hidden; font-size: 14px; font-weight: 400; } .md-select ul[role=listbox] li:focus, .md-select ul[role=listbox] li:hover, .md-select ul[role=listbox] li.active { background: rgba(0, 0, 0, 0.1); } .md-select.active ul { max-height: 200px; overflow: auto; padding: 0 0 16px 0px; z-index: 99; transition: all 0.2s ease; } /* --- Heaser Section --- */ .navbar-nav > .user-menu .user-image { float: left; width: 30px; height: 30px; border-radius: 50%; margin-right: 10px; margin-top: 2px; } .user-menu a span { color: rgba(11, 32, 70, 1); font-size: 12px; line-height: normal; display: inline-block !important; font-family: 'Roboto', sans-serif; margin-top: 2px; } .user-menu a span small { color: rgba(11, 32, 70, 0.5); font-size: 10px; line-height: normal; font-family: 'Roboto', sans-serif; display: block; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 0; padding-right: 20px; line-height: 30px; text-decoration: none; } .nav-link > img { width: 20px; } @media (max-width: 480px) { .dropdown-toggle { } .dropdown-toggle::after { display: none; } .open > .dropdown-toggle::after { display: none; } .border-tbl .tableNotes, .border-tbl .tableNotes p { float: right; padding: 0px 1px; } .tableNotesXs { width: 100%; text-align: right; } @media(max-width:576px) { .user-menu a span { display: none !important; } .main-header .logo img { margin-left: 6px !important; width: 16px !important; margin-top: 10px; } } /*.box.box-info { padding: 20px 5px; }*/ } @media (min-width: 481px) { .float-left { float: left; } } @media (min-width: 780px) { .dropdown-toggle { } .dropdown-toggle::after { display: none; } .open > .dropdown-toggle::after { display: none; } .fixed .content-wrapper, .fixed .right-side { padding-top: 50px; } } @media (max-width: 1200px) { .responsive_table { width: 100%; overflow: auto; } } @media (min-width: 1200px) { .dropdown-toggle { } .dropdown-toggle::after { display: inline-block; } .open > .dropdown-toggle::after { display: inline-block; } } dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu-material { position: absolute; top: 110%; left: auto; right: 0; z-index: 99999; display: block; float: left; padding: 0; margin: 0.125rem 0 0; font-size: 14px; color: #757A98; text-align: left; list-style: none; background-color: #ffffff; background-clip: padding-box; border: none; border-radius: 0; box-shadow: 0 2px 10px rgba(151, 156, 187, 0.5); transition: all 0.3s ease; transform: scale(0); transform-origin: top right; } .open > .dropdown-menu-material { transform: scale(1); display: block; } .dropdown-menu-material-right { right: 0; left: auto; } .dropup .dropdown-menu-material { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu-material { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu-material { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; width: 0; height: 0; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-toggle::after { display: inline-block; color: #fff; border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(45deg); margin-left: 10px; margin-bottom: 4px; transition: all 0.3s ease; } .open .dropdown-toggle::after { display: inline-block; color: #fff; border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(-135deg); margin-left: 10px; margin-bottom: 3px; } @media (max-width: 480px) { .dropdown-toggle { } .dropdown-toggle::after { display: none; } .open > .dropdown-toggle::after { display: none; } } @media (min-width: 780px) { .dropdown-toggle { } .dropdown-toggle::after { display: none; } .open > .dropdown-toggle::after { display: none; } } @media (min-width: 1200px) { .dropdown-toggle { } .dropdown-toggle::after { display: inline-block; } .open > .dropdown-toggle::after { display: inline-block; } } .dropdown-menu-material[x-placement^="top"], .dropdown-menu-material[x-placement^="right"], .dropdown-menu-material[x-placement^="bottom"], .dropdown-menu-material[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1rem; clear: both; font-weight: 400; color: #111117; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #ffffff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; background-color: transparent; } .dropdown-menu-material.show { display: block; transform: scale(1); } .dropdown-header { display: block; padding: 0.5rem 1rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1rem; color: #212529; } hr { margin-top: 15px; margin-bottom: 10px; border: 0; border-top: 1px solid #eeeeee; } .assetInfo p { font-size: 14px; font-weight: 700; color: #004C8A; margin-bottom: 5px; } .assetInfo span { font-size: 10px; font-weight: 400; margin: 0; color: #6D6D6D; } .infolistImg { text-align: center; margin-bottom: 20px; } /*------Material Tabs---------*/ .material-tabs { display: block; float: left; padding: 16px 0; padding-top: 0; width: 100%; position: relative; margin: 30px auto; } @media all and (max-width: 480px) { .material-tabs { max-width: 100%; left: 0; } } .visible { position: relative; opacity: 1; width: 100%; height: auto; float: left; transition: opacity .3s ease; } .hidden { position: absolute; opacity: 0; z-index: 0; transition: opacity 0s ease; } .hidden img { display: none; } [class*="tabbed-section-"] { float: left; color: #000; top: 15px; padding: 20px; } [class*="tabbed-section-"] img { } .tabbed-section__selector { position: fixed; height: 45px; top: 60px; padding: 0; margin: 0; width: 100%; float: left; background: #fff; box-shadow: 0 0 12px rgba(14,49,77,.1); z-index: 99; } .tabbed-section__selector [class*="-tab-"] { float: left; display: block; height: 45px; line-height: 45px; width: auto; text-align: center; background: #fff; font-weight: 400; text-decoration: none; color: #94A6B8; font-size: 14px; padding: 0 15px; } .tabbed-section__selector [class*="-tab-"].active { color: #004C8A; } .tabbed-section__selector a:first-child { border-top-left-radius: 2px; } .tabbed-section__selector a:last-of-type { border-top-right-radius: 2px; } .tabbed-section__highlighter { position: absolute; z-index: 10; bottom: 0; height: 2px; background: #BF9F62; width: auto; -webkit-transform: translateX(0); transform: translateX(0); display: block; left: 0; transition: -webkit-transform 0.23s ease; transition: transform 0.23s ease; transition: transform 0.23s ease, -webkit-transform 0.23s ease; } .tabbed-section__selector-tab-3.active ~ .tabbed-section__highlighter { -webkit-transform: translateX(200px); transform: translateX(200px); } .tabbed-section__selector-tab-2.active ~ .tabbed-section__highlighter { -webkit-transform: translateX(100px); transform: translateX(100px); } .tabbed-section__selector-tab-1.active ~ .tabbed-section__highlighter { -webkit-transform: translateX(0); transform: translateX(0); } .divider { background: rgba(0, 0, 0, 0.1); position: relative; display: block; float: left; width: 100%; height: 1px; margin: 8px 0; padding: 0; overflow: hidden; } .datebuttonTwo { width: 100px; } .datepickerButton { background-color: #BF9F62; color: #000; padding: 7px 15px; } .datepickerButton .dropdown-toggle:hover, .datepickerButton .dropdown-toggle:focus, .datepickerButton .dropdown-toggle:active { background-color: transparent; } .datepickerButtonTwo { background-color: #6E7A87; color: #000; position: relative; padding: 0 10px 5px 10px; width: 100%; } .datepickerButtonTwo a { float: left; } .dropdown-toggle::after { display: inline-block; color: rgba(11, 32, 70, 0.5); border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(45deg); margin-left: 10px; margin-bottom: 3px; transition: all 0.3s ease; } .dropdown-toggle.admin::after { display: inline-block; color: rgba(11, 32, 70, 0.5); border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(45deg); margin-left: 10px; margin-bottom: 15px; transition: all 0.3s ease; } .stellarnav li.active .dropdown-toggle::after { color: rgba(11, 32, 70, 1) !important; } .datepickerButton .open > .dropdown-toggle::after { display: inline-block; color: #000; border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(45deg); margin-left: 10px; margin-bottom: 1px; transition: all 0.3s ease; } select { -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; } .open > .dropdown-toggle::after { display: inline-block; color: rgba(11, 32, 70, 0.5); border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(-135deg); margin-left: 10px; margin-bottom: 3px; } .open > .dropdown-toggle.admin::after { display: inline-block; color: rgba(11, 32, 70, 0.5); border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(-135deg); margin-left: 10px; margin-bottom: 15px; } .datepickerButton .dropdown-toggle::after { display: inline-block; color: #000; border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(45deg); margin-left: 10px; margin-bottom: 1px; transition: all 0.3s ease; } .datepickerButton img { margin-right: 5px; } .datepickerButton span { line-height: 14px; } #ddldash > .open .dropdown-toggle::after { display: inline-block; color: #000; border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(-135deg); margin-left: 10px; margin-bottom: 3px; } .open > .datepickerButton .dropdown-toggle::after { display: inline-block; color: #000; border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(-135deg); margin-left: 10px; margin-bottom: 3px; } /* PUSH Map */ #pushMap { position: fixed; top: 80px; bottom: 20px; right: -300px; width: 0; height: auto; /*padding: 50px 30px;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; text-align: center; box-shadow: 0 0 12px rgba(14,49,77,.1); background-color: #fff; } #pushMap .brand { height: 51px; font-size: 70px; font-weight: 900; line-height: .6; color: #ddd; } #pushMap ul { padding: 0; margin-top: 30px; } #pushMap ul li a { display: block; font-weight: 900; line-height: 50px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; text-decoration: none; text-transform: uppercase; color: #232629; border-top: 1px solid #eee; } #pushMap ul li:last-child a { border-bottom: 1px solid #eee; } #pushMap ul li a:hover { letter-spacing: 1px; } #toggleSection.open #pushMap { width: 300px; right: 20px; z-index: 9; } #toggleSection.open-full #pushMap { width: calc(100% - 270px); } /* MAIN PAGE */ .page-wrap { padding: 5px 20px; margin-top: 50px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; position: relative; } .page-wrap-report { padding: 0px 20px; margin-top: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } /*#toggleSection.open .page-wrap { margin-right: 320px; } #toggleSection.fullOpen .page-wrap { margin-left: 300px; }*/ /* MENU TOGGLE ICON */ button:focus { outline: none; } #map-toggle { position: fixed; bottom: 7px; right: 20px; width: 51px; height: 51px; cursor: pointer; border: none; -webkit-border-radius: 50px; -moz-border-radius: 50px; border-radius: 50px; background-color: #BF9F62; z-index: 9999; box-shadow: 0 3px 10px rgba(14,49,77,.1); } #map-toggleFull { position: absolute; top: 0; right: 0; width: 150px; text-align: right; padding: 17px; font-size: 12px; cursor: pointer; border: none; background-color: #BF9F62; z-index: 9999; } /*#map-toggle:before, #map-toggle:after { position: absolute; content: ""; content: ""; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; background-color: #232629; } #map-toggle:before { top: 12px; left: 25px; width: 1px; height: 27px; } #map-toggle:after { top: 25px; left: 12px; width: 27px; height: 1px; }*/ .floatingButton { background-image: url(Img/map_close.png); background-position: center; background-repeat: no-repeat; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } .floatingButtonselected { background-image: url(Img/map_open.png); background-position: center; background-repeat: no-repeat; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } .fullButton { content: "test"; background-image: url(Img/Exitfullscreen.png); background-position: center; background-repeat: no-repeat; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } .fullButtonSelected { background-image: url(Img/fullscreen.png); background-position: center; background-repeat: no-repeat; -webkit-transition: all .3s ease-in; -moz-transition: all .3s ease-in; -o-transition: all .3s ease-in; transition: all .3s ease-in; } .innerSection { background-color: #fff; box-shadow: 0 3px 10px rgba(14,49,77,.1); padding: 15px; margin-bottom: 20px; } .innerlocationSection { background-color: #fff; box-shadow: 0 3px 10px rgba(14,49,77,.1); padding: 0; margin-bottom: 20px; } .innerlocationSection h3 { font-size: 14px; color: #6E7A87; margin: 0; font-weight: 700; margin-bottom: 15px; width: 96%; padding: 15px; position: absolute; background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.5) 50%, rgba(255,255,255,0) 100%); } .innerlocationSection p { font-size: 12px; color: #6E7A87; margin: 0; font-weight: 700; margin-bottom: 15px; width: 96%; padding: 15px; position: absolute; bottom: 0; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 99%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 99%,rgba(255,255,255,1) 100%); } .mt-20 { margin-top: 20px; } .smallSection { margin-bottom: 20px; } .smallSection h3 { font-size: 14px; color: #6E7A87; margin: 0; font-weight: 700; } .innerSection h3 { font-size: 14px; color: #6E7A87; margin: 0; font-weight: 700; margin-bottom: 15px; float: left; } .innerSection h4 { font-size: 14px; color: #6E7A87; margin: 0; font-weight: 700; margin-bottom: 15px; } .clolorbox { width: 7px; height: 7px; background-color: #29CC97; float: left; margin: 11px 5px; } .innerSection .tableNotes { float: right; text-align: right; font-size: 12px; font-weight: 400; margin-bottom: 15px; color: #6D6D6D; } .tableNotesXs { width: auto; text-align: right; } .innerSection .tableNotes p { float: right; } .tableNotes p { font-size: 10px !important; line-height: 3; margin: 0; } .tableNotes1 p { font-size: 10px !important; line-height: 3; margin: 0; } .smallSection h3 span { font-size: 12px; display: block; color: #6E7A87; margin: 0; font-weight: 400; margin-top: 5px; } .smallSection p { font-size: 30px; font-weight: 300; color: #94A6B8; margin: 0; text-align: right; } .smallSection p span { font-size: 24px; font-weight: 300; color: #94A6B8; margin: 0; text-align: right; } /* CONTENT CONTAINER */ .container { margin: 0 auto; } #example2_wrapper { position: relative; top: -20px; } #example2 tbody tr:hover { background: #fff; cursor: pointer; } /* --- Account Style --- */ .accountSection { height: 100vh; width: 320px; margin: auto; padding: 0; /*margin-right: 80px; display: flex !important;*/ box-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; box-pack: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .accountSlider { height: auto; text-align: center; } .accountSlider img { width: 100%; } .accountSlider h1 { color: #111117; font-size: 28px; font-weight: bold; } .accountSlider p { color: #757A98; font-size: 14px; line-height: 18px; width: 50%; margin: 0 auto; } .loginForm { width: 100%; background-color: #F6F9FC; box-shadow: 0px 5px 10px #0B204626; margin: 15px 0; transition: 0.5s ease; text-align: left; padding: 0 20px; } .loginForm h2 { color: #09243A; font-size: 22px; margin-bottom: 15px; } .loginForm p { color: #979CBB; font-size: 12px; } .loginForm button { width: 100%; border: none; outline: none; height: 36px; margin-bottom: 20px; cursor: pointer; } .loginForm .formLink { font-size: 12px; color: #757A98; float: left; } .loginForm .formLink a { font-size: 12px; color: #FF7436; transition: all 0.5s ease; margin-left: 3px; } .loginForm .formLink a:hover { color: #111117; } .loginForm a { font-size: 12px; color: #757A98; transition: all 0.2s ease; float: right; margin-bottom: 10px; } .loginForm a:hover { color: #FF7436; } .accountLogo { position: absolute; top: 20px; left: 20px; z-index: 999; } .logo_one { width: 100%; text-align: center; } .logo_two { float: right; width: 50%; text-align: right; } .logo_img { width: 120px; } .clientlogo_img { width: 90px; } .loginBg { background-image: url(Img/login_bg.png); background-position: bottom right; background-repeat: no-repeat; background-size: 50%; background-color: #fff !important; } .loginFooter { width: 100%; height: 60px; position: fixed; bottom: 0; background-color: #BF9F62; } .certificateImg { position: absolute; bottom: 14px; left: 20px; } .lntLogo { float: right; margin: 13px 20px; } @media (max-width: 767px) { .accountSection { float: none; padding: 20px; margin-right: auto; } .tableNotesXs { width: 100%; text-align: right; } } /* --- bar-chart -----*/ .bar-chart { background: #F2F4F6; height: 12px; margin-bottom: 15px; margin-top: 5px; border-radius: 50px; } .bar-chart--text { font-size: 12px; color: #6E7A87; } .bar-chart--text-Right { font-size: 12px; color: #6E7A87; float: right; } .bar-chart .bar-chart--inner { background: #333; height: 100%; display: block; margin-bottom: .3rem; position: relative; will-change: width; border-radius: 50px; } /*.bar-chart .bar-chart--inner:after { position: absolute; top: 0; right: 0; content: " "; width: 1rem; height: 100%; background: rgba(0, 0, 0, 0.1); }*/ .bar-chart[animated] .bar-chart--inner { transition: width 1.3s; } .bar-chart.primary .bar-chart--inner { background: #BF9F62; } .bar-chart.secondary .bar-chart--inner { background: #29CC97; } .bar-chart.tertiary .bar-chart--inner { background: #FF8557; } .bar-chart.primary1 .bar-chart--inner { background: #1B8AE5; } .bar-chart.secondary1 .bar-chart--inner { background: #29C6CC; } .bar-chart.tertiary1 .bar-chart--inner { background: #94A6B8; } .bar-chart.primary2 .bar-chart--inner { background: #bbcc3e; } .bar-chart.secondary2 .bar-chart--inner { background: #a385dc; } .bar-chart.tertiary2 .bar-chart--inner { background: #ea697a; } .pieContainer { text-align: center; margin: 35px 0 36px 0; } .pieContainer span { font-size: 12px; font-weight: 300; text-align: center; } .pie-wrapper { position: relative; width: 200px; height: 100px; overflow: hidden; margin: auto; } .pie-wrapper .arc, .pie-wrapper:before { content: ''; width: 200px; height: 100px; position: absolute; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; transform-origin: 50% 0%; left: 0; box-sizing: border-box; } .pie-wrapper:before { border: 30px solid #E8E8E8; border-bottom: none; top: 0; z-index: 1; border-radius: 300px 300px 0 0; } .pie-wrapper .arc { border: 30px solid #00008C; border-top: none; border-radius: 0 0 300px 300px; top: 100%; z-index: 2; } .pie-wrapper .arc::before { content: ""; height: 1px; width: 5px; position: absolute; top: 0px; } .pie-wrapper .score { color: #394955; font-size: 28px; font-weight: 300; display: block; width: 200px; text-align: center; margin-top: 55px; } .arc[data-value="1"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(1.8deg); -ms-transform: rotate(1.8deg); -webkit-transform: rotate(1.8deg); transform: rotate(1.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="1"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="1"]::before { background-color: #00008C; } .arc[data-value="2"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(3.6deg); -ms-transform: rotate(3.6deg); -webkit-transform: rotate(3.6deg); transform: rotate(3.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="2"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="2"]::before { background-color: #00008C; } .arc[data-value="3"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(5.4deg); -ms-transform: rotate(5.4deg); -webkit-transform: rotate(5.4deg); transform: rotate(5.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="3"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="3"]::before { background-color: #00008C; } .arc[data-value="4"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(7.2deg); -ms-transform: rotate(7.2deg); -webkit-transform: rotate(7.2deg); transform: rotate(7.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="4"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="4"]::before { background-color: #00008C; } .arc[data-value="5"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(9deg); -ms-transform: rotate(9deg); -webkit-transform: rotate(9deg); transform: rotate(9deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="5"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="5"]::before { background-color: #00008C; } .arc[data-value="6"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(10.8deg); -ms-transform: rotate(10.8deg); -webkit-transform: rotate(10.8deg); transform: rotate(10.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="6"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="6"]::before { background-color: #00008C; } .arc[data-value="7"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(12.6deg); -ms-transform: rotate(12.6deg); -webkit-transform: rotate(12.6deg); transform: rotate(12.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="7"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="7"]::before { background-color: #00008C; } .arc[data-value="8"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(14.4deg); -ms-transform: rotate(14.4deg); -webkit-transform: rotate(14.4deg); transform: rotate(14.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="8"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="8"]::before { background-color: #00008C; } .arc[data-value="9"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(16.2deg); -ms-transform: rotate(16.2deg); -webkit-transform: rotate(16.2deg); transform: rotate(16.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="9"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="9"]::before { background-color: #00008C; } .arc[data-value="10"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -webkit-transform: rotate(18deg); transform: rotate(18deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="10"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="10"]::before { background-color: #00008C; } .arc[data-value="11"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(19.8deg); -ms-transform: rotate(19.8deg); -webkit-transform: rotate(19.8deg); transform: rotate(19.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="11"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="11"]::before { background-color: #00008C; } .arc[data-value="12"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(21.6deg); -ms-transform: rotate(21.6deg); -webkit-transform: rotate(21.6deg); transform: rotate(21.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="12"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="12"]::before { background-color: #00008C; } .arc[data-value="13"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(23.4deg); -ms-transform: rotate(23.4deg); -webkit-transform: rotate(23.4deg); transform: rotate(23.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="13"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="13"]::before { background-color: #00008C; } .arc[data-value="14"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(25.2deg); -ms-transform: rotate(25.2deg); -webkit-transform: rotate(25.2deg); transform: rotate(25.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="14"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="14"]::before { background-color: #00008C; } .arc[data-value="15"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(27deg); -ms-transform: rotate(27deg); -webkit-transform: rotate(27deg); transform: rotate(27deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="15"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="15"]::before { background-color: #00008C; } .arc[data-value="16"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(28.8deg); -ms-transform: rotate(28.8deg); -webkit-transform: rotate(28.8deg); transform: rotate(28.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="16"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="16"]::before { background-color: #00008C; } .arc[data-value="17"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(30.6deg); -ms-transform: rotate(30.6deg); -webkit-transform: rotate(30.6deg); transform: rotate(30.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="17"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="17"]::before { background-color: #00008C; } .arc[data-value="18"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(32.4deg); -ms-transform: rotate(32.4deg); -webkit-transform: rotate(32.4deg); transform: rotate(32.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="18"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="18"]::before { background-color: #00008C; } .arc[data-value="19"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(34.2deg); -ms-transform: rotate(34.2deg); -webkit-transform: rotate(34.2deg); transform: rotate(34.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="19"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="19"]::before { background-color: #00008C; } .arc[data-value="20"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -webkit-transform: rotate(36deg); transform: rotate(36deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="20"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="20"]::before { background-color: #00008C; } .arc[data-value="21"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(37.8deg); -ms-transform: rotate(37.8deg); -webkit-transform: rotate(37.8deg); transform: rotate(37.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="21"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="21"]::before { background-color: #00008C; } .arc[data-value="22"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(39.6deg); -ms-transform: rotate(39.6deg); -webkit-transform: rotate(39.6deg); transform: rotate(39.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="22"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="22"]::before { background-color: #00008C; } .arc[data-value="23"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(41.4deg); -ms-transform: rotate(41.4deg); -webkit-transform: rotate(41.4deg); transform: rotate(41.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="23"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="23"]::before { background-color: #00008C; } .arc[data-value="24"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(43.2deg); -ms-transform: rotate(43.2deg); -webkit-transform: rotate(43.2deg); transform: rotate(43.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="24"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="24"]::before { background-color: #00008C; } .arc[data-value="25"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="25"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="25"]::before { background-color: #00008C; } .arc[data-value="26"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(46.8deg); -ms-transform: rotate(46.8deg); -webkit-transform: rotate(46.8deg); transform: rotate(46.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="26"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="26"]::before { background-color: #00008C; } .arc[data-value="27"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(48.6deg); -ms-transform: rotate(48.6deg); -webkit-transform: rotate(48.6deg); transform: rotate(48.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="27"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="27"]::before { background-color: #00008C; } .arc[data-value="28"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(50.4deg); -ms-transform: rotate(50.4deg); -webkit-transform: rotate(50.4deg); transform: rotate(50.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="28"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="28"]::before { background-color: #00008C; } .arc[data-value="29"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(52.2deg); -ms-transform: rotate(52.2deg); -webkit-transform: rotate(52.2deg); transform: rotate(52.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="29"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="29"]::before { background-color: #00008C; } .arc[data-value="30"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(54deg); -ms-transform: rotate(54deg); -webkit-transform: rotate(54deg); transform: rotate(54deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="30"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="30"]::before { background-color: #00008C; } .arc[data-value="31"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(55.8deg); -ms-transform: rotate(55.8deg); -webkit-transform: rotate(55.8deg); transform: rotate(55.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="31"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="31"]::before { background-color: #00008C; } .arc[data-value="32"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(57.6deg); -ms-transform: rotate(57.6deg); -webkit-transform: rotate(57.6deg); transform: rotate(57.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="32"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="32"]::before { background-color: #00008C; } .arc[data-value="33"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(59.4deg); -ms-transform: rotate(59.4deg); -webkit-transform: rotate(59.4deg); transform: rotate(59.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="33"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="33"]::before { background-color: #00008C; } .arc[data-value="34"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(61.2deg); -ms-transform: rotate(61.2deg); -webkit-transform: rotate(61.2deg); transform: rotate(61.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="34"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="34"]::before { background-color: #00008C; } .arc[data-value="35"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(63deg); -ms-transform: rotate(63deg); -webkit-transform: rotate(63deg); transform: rotate(63deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="35"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="35"]::before { background-color: #00008C; } .arc[data-value="36"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(64.8deg); -ms-transform: rotate(64.8deg); -webkit-transform: rotate(64.8deg); transform: rotate(64.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="36"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="36"]::before { background-color: #00008C; } .arc[data-value="37"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(66.6deg); -ms-transform: rotate(66.6deg); -webkit-transform: rotate(66.6deg); transform: rotate(66.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="37"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="37"]::before { background-color: #00008C; } .arc[data-value="38"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(68.4deg); -ms-transform: rotate(68.4deg); -webkit-transform: rotate(68.4deg); transform: rotate(68.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="38"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="38"]::before { background-color: #00008C; } .arc[data-value="39"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(70.2deg); -ms-transform: rotate(70.2deg); -webkit-transform: rotate(70.2deg); transform: rotate(70.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="39"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="39"]::before { background-color: #00008C; } .arc[data-value="40"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -webkit-transform: rotate(72deg); transform: rotate(72deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="40"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="40"]::before { background-color: #00008C; } .arc[data-value="41"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(73.8deg); -ms-transform: rotate(73.8deg); -webkit-transform: rotate(73.8deg); transform: rotate(73.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="41"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="41"]::before { background-color: #00008C; } .arc[data-value="42"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(75.6deg); -ms-transform: rotate(75.6deg); -webkit-transform: rotate(75.6deg); transform: rotate(75.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="42"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="42"]::before { background-color: #00008C; } .arc[data-value="43"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(77.4deg); -ms-transform: rotate(77.4deg); -webkit-transform: rotate(77.4deg); transform: rotate(77.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="43"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="43"]::before { background-color: #00008C; } .arc[data-value="44"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(79.2deg); -ms-transform: rotate(79.2deg); -webkit-transform: rotate(79.2deg); transform: rotate(79.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="44"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="44"]::before { background-color: #00008C; } .arc[data-value="45"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(81deg); -ms-transform: rotate(81deg); -webkit-transform: rotate(81deg); transform: rotate(81deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="45"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="45"]::before { background-color: #00008C; } .arc[data-value="46"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(82.8deg); -ms-transform: rotate(82.8deg); -webkit-transform: rotate(82.8deg); transform: rotate(82.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="46"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="46"]::before { background-color: #00008C; } .arc[data-value="47"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(84.6deg); -ms-transform: rotate(84.6deg); -webkit-transform: rotate(84.6deg); transform: rotate(84.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="47"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="47"]::before { background-color: #00008C; } .arc[data-value="48"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(86.4deg); -ms-transform: rotate(86.4deg); -webkit-transform: rotate(86.4deg); transform: rotate(86.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="48"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="48"]::before { background-color: #00008C; } .arc[data-value="49"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(88.2deg); -ms-transform: rotate(88.2deg); -webkit-transform: rotate(88.2deg); transform: rotate(88.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="49"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="49"]::before { background-color: #00008C; } .arc[data-value="50"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="50"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="50"]::before { background-color: #00008C; } .arc[data-value="51"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(91.8deg); -ms-transform: rotate(91.8deg); -webkit-transform: rotate(91.8deg); transform: rotate(91.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="51"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="51"]::before { background-color: #00008C; } .arc[data-value="52"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(93.6deg); -ms-transform: rotate(93.6deg); -webkit-transform: rotate(93.6deg); transform: rotate(93.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="52"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="52"]::before { background-color: #00008C; } .arc[data-value="53"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(95.4deg); -ms-transform: rotate(95.4deg); -webkit-transform: rotate(95.4deg); transform: rotate(95.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="53"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="53"]::before { background-color: #00008C; } .arc[data-value="54"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(97.2deg); -ms-transform: rotate(97.2deg); -webkit-transform: rotate(97.2deg); transform: rotate(97.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="54"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="54"]::before { background-color: #00008C; } .arc[data-value="55"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(99deg); -ms-transform: rotate(99deg); -webkit-transform: rotate(99deg); transform: rotate(99deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="55"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="55"]::before { background-color: #00008C; } .arc[data-value="56"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(100.8deg); -ms-transform: rotate(100.8deg); -webkit-transform: rotate(100.8deg); transform: rotate(100.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="56"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="56"]::before { background-color: #00008C; } .arc[data-value="57"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(102.6deg); -ms-transform: rotate(102.6deg); -webkit-transform: rotate(102.6deg); transform: rotate(102.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="57"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="57"]::before { background-color: #00008C; } .arc[data-value="58"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(104.4deg); -ms-transform: rotate(104.4deg); -webkit-transform: rotate(104.4deg); transform: rotate(104.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="58"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="58"]::before { background-color: #00008C; } .arc[data-value="59"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(106.2deg); -ms-transform: rotate(106.2deg); -webkit-transform: rotate(106.2deg); transform: rotate(106.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="59"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="59"]::before { background-color: #00008C; } .arc[data-value="60"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(108deg); -ms-transform: rotate(108deg); -webkit-transform: rotate(108deg); transform: rotate(108deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="60"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="60"]::before { background-color: #00008C; } .arc[data-value="61"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(109.8deg); -ms-transform: rotate(109.8deg); -webkit-transform: rotate(109.8deg); transform: rotate(109.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="61"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="61"]::before { background-color: #00008C; } .arc[data-value="62"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(111.6deg); -ms-transform: rotate(111.6deg); -webkit-transform: rotate(111.6deg); transform: rotate(111.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="62"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="62"]::before { background-color: #00008C; } .arc[data-value="63"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(113.4deg); -ms-transform: rotate(113.4deg); -webkit-transform: rotate(113.4deg); transform: rotate(113.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="63"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="63"]::before { background-color: #00008C; } .arc[data-value="64"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(115.2deg); -ms-transform: rotate(115.2deg); -webkit-transform: rotate(115.2deg); transform: rotate(115.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="64"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="64"]::before { background-color: #00008C; } .arc[data-value="65"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(117deg); -ms-transform: rotate(117deg); -webkit-transform: rotate(117deg); transform: rotate(117deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="65"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="65"]::before { background-color: #00008C; } .arc[data-value="66"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(118.8deg); -ms-transform: rotate(118.8deg); -webkit-transform: rotate(118.8deg); transform: rotate(118.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="66"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="66"]::before { background-color: #00008C; } .arc[data-value="67"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(120.6deg); -ms-transform: rotate(120.6deg); -webkit-transform: rotate(120.6deg); transform: rotate(120.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="67"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="67"]::before { background-color: #00008C; } .arc[data-value="68"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(122.4deg); -ms-transform: rotate(122.4deg); -webkit-transform: rotate(122.4deg); transform: rotate(122.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="68"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="68"]::before { background-color: #00008C; } .arc[data-value="69"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(124.2deg); -ms-transform: rotate(124.2deg); -webkit-transform: rotate(124.2deg); transform: rotate(124.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="69"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="69"]::before { background-color: #00008C; } .arc[data-value="70"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(126deg); -ms-transform: rotate(126deg); -webkit-transform: rotate(126deg); transform: rotate(126deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="70"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="70"]::before { background-color: #00008C; } .arc[data-value="71"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(127.8deg); -ms-transform: rotate(127.8deg); -webkit-transform: rotate(127.8deg); transform: rotate(127.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="71"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="71"]::before { background-color: #00008C; } .arc[data-value="72"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(129.6deg); -ms-transform: rotate(129.6deg); -webkit-transform: rotate(129.6deg); transform: rotate(129.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="72"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="72"]::before { background-color: #00008C; } .arc[data-value="73"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(131.4deg); -ms-transform: rotate(131.4deg); -webkit-transform: rotate(131.4deg); transform: rotate(131.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="73"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="73"]::before { background-color: #00008C; } .arc[data-value="74"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(133.2deg); -ms-transform: rotate(133.2deg); -webkit-transform: rotate(133.2deg); transform: rotate(133.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="74"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="74"]::before { background-color: #00008C; } .arc[data-value="75"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="75"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="75"]::before { background-color: #00008C; } .arc[data-value="76"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(136.8deg); -ms-transform: rotate(136.8deg); -webkit-transform: rotate(136.8deg); transform: rotate(136.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="76"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="76"]::before { background-color: #00008C; } .arc[data-value="77"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(138.6deg); -ms-transform: rotate(138.6deg); -webkit-transform: rotate(138.6deg); transform: rotate(138.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="77"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="77"]::before { background-color: #00008C; } .arc[data-value="78"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(140.4deg); -ms-transform: rotate(140.4deg); -webkit-transform: rotate(140.4deg); transform: rotate(140.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="78"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="78"]::before { background-color: #00008C; } .arc[data-value="79"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(142.2deg); -ms-transform: rotate(142.2deg); -webkit-transform: rotate(142.2deg); transform: rotate(142.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="79"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="79"]::before { background-color: #00008C; } .arc[data-value="80"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(144deg); -ms-transform: rotate(144deg); -webkit-transform: rotate(144deg); transform: rotate(144deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="80"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="80"]::before { background-color: #00008C; } .arc[data-value="81"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(145.8deg); -ms-transform: rotate(145.8deg); -webkit-transform: rotate(145.8deg); transform: rotate(145.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="81"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="81"]::before { background-color: #00008C; } .arc[data-value="82"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(147.6deg); -ms-transform: rotate(147.6deg); -webkit-transform: rotate(147.6deg); transform: rotate(147.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="82"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="82"]::before { background-color: #00008C; } .arc[data-value="83"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(149.4deg); -ms-transform: rotate(149.4deg); -webkit-transform: rotate(149.4deg); transform: rotate(149.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="83"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="83"]::before { background-color: #00008C; } .arc[data-value="84"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(151.2deg); -ms-transform: rotate(151.2deg); -webkit-transform: rotate(151.2deg); transform: rotate(151.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="84"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="84"]::before { background-color: #00008C; } .arc[data-value="85"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(153deg); -ms-transform: rotate(153deg); -webkit-transform: rotate(153deg); transform: rotate(153deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="85"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="85"]::before { background-color: #00008C; } .arc[data-value="86"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(154.8deg); -ms-transform: rotate(154.8deg); -webkit-transform: rotate(154.8deg); transform: rotate(154.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="86"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="86"]::before { background-color: #00008C; } .arc[data-value="87"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(156.6deg); -ms-transform: rotate(156.6deg); -webkit-transform: rotate(156.6deg); transform: rotate(156.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="87"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="87"]::before { background-color: #00008C; } .arc[data-value="88"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(158.4deg); -ms-transform: rotate(158.4deg); -webkit-transform: rotate(158.4deg); transform: rotate(158.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="88"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="88"]::before { background-color: #00008C; } .arc[data-value="89"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(160.2deg); -ms-transform: rotate(160.2deg); -webkit-transform: rotate(160.2deg); transform: rotate(160.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="89"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="89"]::before { background-color: #00008C; } .arc[data-value="90"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(162deg); -ms-transform: rotate(162deg); -webkit-transform: rotate(162deg); transform: rotate(162deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="90"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="90"]::before { background-color: #00008C; } .arc[data-value="91"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(163.8deg); -ms-transform: rotate(163.8deg); -webkit-transform: rotate(163.8deg); transform: rotate(163.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="91"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="91"]::before { background-color: #00008C; } .arc[data-value="92"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(165.6deg); -ms-transform: rotate(165.6deg); -webkit-transform: rotate(165.6deg); transform: rotate(165.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="92"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="92"]::before { background-color: #00008C; } .arc[data-value="93"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(167.4deg); -ms-transform: rotate(167.4deg); -webkit-transform: rotate(167.4deg); transform: rotate(167.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="93"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="93"]::before { background-color: #00008C; } .arc[data-value="94"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(169.2deg); -ms-transform: rotate(169.2deg); -webkit-transform: rotate(169.2deg); transform: rotate(169.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="94"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="94"]::before { background-color: #00008C; } .arc[data-value="95"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(171deg); -ms-transform: rotate(171deg); -webkit-transform: rotate(171deg); transform: rotate(171deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="95"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="95"]::before { background-color: #00008C; } .arc[data-value="96"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(172.8deg); -ms-transform: rotate(172.8deg); -webkit-transform: rotate(172.8deg); transform: rotate(172.8deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="96"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="96"]::before { background-color: #00008C; } .arc[data-value="97"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(174.6deg); -ms-transform: rotate(174.6deg); -webkit-transform: rotate(174.6deg); transform: rotate(174.6deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="97"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="97"]::before { background-color: #00008C; } .arc[data-value="98"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(176.4deg); -ms-transform: rotate(176.4deg); -webkit-transform: rotate(176.4deg); transform: rotate(176.4deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="98"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="98"]::before { background-color: #00008C; } .arc[data-value="99"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(178.2deg); -ms-transform: rotate(178.2deg); -webkit-transform: rotate(178.2deg); transform: rotate(178.2deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="99"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="99"]::before { background-color: #00008C; } .arc[data-value="100"] { -moz-animation: fill 2s; -webkit-animation: fill 2s; animation: fill 2s; -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); transition: All 5s ease; border-color: #00008C; } .arc[data-value="100"]:after { content: ''; position: absolute; left: -40px; top: 5px; } .arc[data-value="100"]::before { background-color: #00008C; } .arc[data-value="1"] { border-color: #F36E00; } .arc[data-value="1"]::before { background-color: #F36E00; } .arc[data-value="2"] { border-color: #F36E00; } .arc[data-value="2"]::before { background-color: #F36E00; } .arc[data-value="3"] { border-color: #F36E00; } .arc[data-value="3"]::before { background-color: #F36E00; } .arc[data-value="4"] { border-color: #F36E00; } .arc[data-value="4"]::before { background-color: #F36E00; } .arc[data-value="5"] { border-color: #F36E00; } .arc[data-value="5"]::before { background-color: #F36E00; } .arc[data-value="6"] { border-color: #F36E00; } .arc[data-value="6"]::before { background-color: #F36E00; } .arc[data-value="7"] { border-color: #F36E00; } .arc[data-value="7"]::before { background-color: #F36E00; } .arc[data-value="8"] { border-color: #F36E00; } .arc[data-value="8"]::before { background-color: #F36E00; } .arc[data-value="9"] { border-color: #F36E00; } .arc[data-value="9"]::before { background-color: #F36E00; } .arc[data-value="10"] { border-color: #F36E00; } .arc[data-value="10"]::before { background-color: #F36E00; } .arc[data-value="11"] { border-color: #F36E00; } .arc[data-value="11"]::before { background-color: #F36E00; } .arc[data-value="12"] { border-color: #F36E00; } .arc[data-value="12"]::before { background-color: #F36E00; } .arc[data-value="13"] { border-color: #F36E00; } .arc[data-value="13"]::before { background-color: #F36E00; } .arc[data-value="14"] { border-color: #F36E00; } .arc[data-value="14"]::before { background-color: #F36E00; } .arc[data-value="15"] { border-color: #F36E00; } .arc[data-value="15"]::before { background-color: #F36E00; } .arc[data-value="16"] { border-color: #F36E00; } .arc[data-value="16"]::before { background-color: #F36E00; } .arc[data-value="17"] { border-color: #F36E00; } .arc[data-value="17"]::before { background-color: #F36E00; } .arc[data-value="18"] { border-color: #F36E00; } .arc[data-value="18"]::before { background-color: #F36E00; } .arc[data-value="19"] { border-color: #F36E00; } .arc[data-value="19"]::before { background-color: #F36E00; } .arc[data-value="20"] { border-color: #F36E00; } .arc[data-value="20"]::before { background-color: #F36E00; } .arc[data-value="21"] { border-color: #F36E00; } .arc[data-value="21"]::before { background-color: #F36E00; } .arc[data-value="22"] { border-color: #F36E00; } .arc[data-value="22"]::before { background-color: #F36E00; } .arc[data-value="23"] { border-color: #F36E00; } .arc[data-value="23"]::before { background-color: #F36E00; } .arc[data-value="24"] { border-color: #F36E00; } .arc[data-value="24"]::before { background-color: #F36E00; } .arc[data-value="25"] { border-color: #F36E00; } .arc[data-value="25"]::before { background-color: #F36E00; } .arc[data-value="26"] { border-color: #F36E00; } .arc[data-value="26"]::before { background-color: #F36E00; } .arc[data-value="27"] { border-color: #F36E00; } .arc[data-value="27"]::before { background-color: #F36E00; } .arc[data-value="28"] { border-color: #F36E00; } .arc[data-value="28"]::before { background-color: #F36E00; } .arc[data-value="29"] { border-color: #F36E00; } .arc[data-value="29"]::before { background-color: #F36E00; } .arc[data-value="30"] { border-color: #F36E00; } .arc[data-value="30"]::before { background-color: #F36E00; } .arc[data-value="31"] { border-color: #F36E00; } .arc[data-value="31"]::before { background-color: #F36E00; } .arc[data-value="32"] { border-color: #F36E00; } .arc[data-value="32"]::before { background-color: #F36E00; } .arc[data-value="33"] { border-color: #F36E00; } .arc[data-value="33"]::before { background-color: #F36E00; } .arc[data-value="34"] { border-color: #F36E00; } .arc[data-value="34"]::before { background-color: #F36E00; } .arc[data-value="35"] { border-color: #F36E00; } .arc[data-value="35"]::before { background-color: #F36E00; } .arc[data-value="36"] { border-color: #F36E00; } .arc[data-value="36"]::before { background-color: #F36E00; } .arc[data-value="37"] { border-color: #F36E00; } .arc[data-value="37"]::before { background-color: #F36E00; } .arc[data-value="38"] { border-color: #F36E00; } .arc[data-value="38"]::before { background-color: #F36E00; } .arc[data-value="39"] { border-color: #F36E00; } .arc[data-value="39"]::before { background-color: #F36E00; } .arc[data-value="40"] { border-color: #F36E00; } .arc[data-value="40"]::before { background-color: #F36E00; } .arc[data-value="41"] { border-color: #F36E00; } .arc[data-value="41"]::before { background-color: #F36E00; } .arc[data-value="42"] { border-color: #F36E00; } .arc[data-value="42"]::before { background-color: #F36E00; } .arc[data-value="43"] { border-color: #F36E00; } .arc[data-value="43"]::before { background-color: #F36E00; } .arc[data-value="44"] { border-color: #F36E00; } .arc[data-value="44"]::before { background-color: #F36E00; } .arc[data-value="45"] { border-color: #F36E00; } .arc[data-value="45"]::before { background-color: #F36E00; } .arc[data-value="46"] { border-color: #F36E00; } .arc[data-value="46"]::before { background-color: #F36E00; } .arc[data-value="47"] { border-color: #F36E00; } .arc[data-value="47"]::before { background-color: #F36E00; } .arc[data-value="48"] { border-color: #F36E00; } .arc[data-value="48"]::before { background-color: #F36E00; } .arc[data-value="49"] { border-color: #F36E00; } .arc[data-value="49"]::before { background-color: #F36E00; } .arc[data-value="50"] { border-color: #F36E00; } .arc[data-value="50"]::before { background-color: #F36E00; } .arc[data-value="51"] { border-color: #FCC100; } .arc[data-value="51"]::before { background-color: #FCC100; } .arc[data-value="52"] { border-color: #FCC100; } .arc[data-value="52"]::before { background-color: #FCC100; } .arc[data-value="53"] { border-color: #FCC100; } .arc[data-value="53"]::before { background-color: #FCC100; } .arc[data-value="54"] { border-color: #FCC100; } .arc[data-value="54"]::before { background-color: #FCC100; } .arc[data-value="55"] { border-color: #FCC100; } .arc[data-value="55"]::before { background-color: #FCC100; } .arc[data-value="56"] { border-color: #FCC100; } .arc[data-value="56"]::before { background-color: #FCC100; } .arc[data-value="57"] { border-color: #FCC100; } .arc[data-value="57"]::before { background-color: #FCC100; } .arc[data-value="58"] { border-color: #FCC100; } .arc[data-value="58"]::before { background-color: #FCC100; } .arc[data-value="59"] { border-color: #FCC100; } .arc[data-value="59"]::before { background-color: #FCC100; } .arc[data-value="60"] { border-color: #FCC100; } .arc[data-value="60"]::before { background-color: #FCC100; } .arc[data-value="61"] { border-color: #FCC100; } .arc[data-value="61"]::before { background-color: #FCC100; } .arc[data-value="62"] { border-color: #FCC100; } .arc[data-value="62"]::before { background-color: #FCC100; } .arc[data-value="63"] { border-color: #FCC100; } .arc[data-value="63"]::before { background-color: #FCC100; } .arc[data-value="64"] { border-color: #FCC100; } .arc[data-value="64"]::before { background-color: #FCC100; } .arc[data-value="65"] { border-color: #FCC100; } .arc[data-value="65"]::before { background-color: #FCC100; } .arc[data-value="66"] { border-color: #FCC100; } .arc[data-value="66"]::before { background-color: #FCC100; } .arc[data-value="67"] { border-color: #FCC100; } .arc[data-value="67"]::before { background-color: #FCC100; } .arc[data-value="68"] { border-color: #FCC100; } .arc[data-value="68"]::before { background-color: #FCC100; } .arc[data-value="69"] { border-color: #FCC100; } .arc[data-value="69"]::before { background-color: #FCC100; } .arc[data-value="70"] { border-color: #FCC100; } .arc[data-value="70"]::before { background-color: #FCC100; } .arc[data-value="71"] { border-color: #FCC100; } .arc[data-value="71"]::before { background-color: #FCC100; } .arc[data-value="72"] { border-color: #FCC100; } .arc[data-value="72"]::before { background-color: #FCC100; } .arc[data-value="73"] { border-color: #FCC100; } .arc[data-value="73"]::before { background-color: #FCC100; } .arc[data-value="74"] { border-color: #FCC100; } .arc[data-value="74"]::before { background-color: #FCC100; } .arc[data-value="75"] { border-color: #FCC100; } .arc[data-value="75"]::before { background-color: #FCC100; } .arc[data-value="76"] { border-color: #FCC100; } .arc[data-value="76"]::before { background-color: #FCC100; } .arc[data-value="77"] { border-color: #FCC100; } .arc[data-value="77"]::before { background-color: #FCC100; } .arc[data-value="78"] { border-color: #FCC100; } .arc[data-value="78"]::before { background-color: #FCC100; } .arc[data-value="79"] { border-color: #FCC100; } .arc[data-value="79"]::before { background-color: #FCC100; } .arc[data-value="80"] { border-color: #FCC100; } .arc[data-value="80"]::before { background-color: #FCC100; } .dashboardTable > thead > tr, .dashboardTable > tbody > tr { border-bottom: 1px solid #F8F8F8; height: 40px; } .dashboardTable > thead > tr > td, .dashboardTable > tbody > tr > td { text-align: center; } .dashboardTableleft { text-align: left !important; } .maintenancedone { background-color: #EEEEEE; } .maintenanceactive { background-color: #004C8A; color: #fff; } .maintenanceinfo { font-size: 14px; color: #6E7A87; line-height: 43px; } .maintenanceinfodetail { font-size: 24px; color: #004C8A; text-align: right; line-height: 43px; } .reportDashboardTable { width: 100%; } .reportDashboardTable thead tr th { background-color: #f2f4f6; border: 1px solid #fff; font-size: 10px; color: #9ea7af; padding: 6px; } .reportDashboardTable tbody tr td { background-color: #fff; border: 1px solid #f2f4f6; font-size: 12px; color: #09243A; } .reportDashboardTable tbody tr td.tableUtilizated { background-color: #29CC97; } .reportFuelDashboardTable { width: 100%; } .reportFuelDashboardTable thead tr th { background-color: #f2f4f6; border: 1px solid #fff; font-size: 10px; color: #9ea7af; padding: 6px; } .reportFuelDashboardTable tbody tr td { background-color: #fff; border: 1px solid #f2f4f6; font-size: 12px; color: #09243A; } .reportFuelDashboardTable tbody tr td.tableUtilizated { background-color: #29CC97; } .toogleLabel { position: relative; display: block; width: 27px; height: 14px; margin-top: 7px; border-radius: 25px; cursor: pointer; transition: background 150ms linear; border: 1px solid #97A3AC; } .formActive { height: 57px; } .formActive.d-flex { height: 30px; } /*input[type="checkbox"] { display: none; }*/ .boxInnerHeading { font-size: 12px; font-weight: 500; color: #09243A; float: left; margin: 0; line-height: 32px; } .boxInnerBodyHeading { font-size: 12px; font-weight: 500; color: #09243A; margin: 0; line-height: 32px; } .toogleLabel::before { position: absolute; content: ''; width: 14px; height: 14px; background-image: linear-gradient( 0deg, #ccc, #eee); border-radius: 50%; top: -1px; transition: left 300ms ease-out; } input + .toogleLabel { background: #fff; border: 1px solid #97A3AC; } input + .toogleLabel::before { left: -1px; background: #fff; border: 1px solid #97A3AC; } input:checked + .toogleLabel { background: #BF9F62; border: 1px solid #BF9F62; } input:checked + .toogleLabel::before { left: 14px; background: #fff; border: 1px solid #BF9F62; } /*table togle*/ .toogleLabelTable { position: relative; display: block; width: 27px; height: 14px; margin-top: 0px; border-radius: 25px; cursor: pointer; transition: background 150ms linear; border: 1px solid #97A3AC; } /*input[type="checkbox"] { display: none; }*/ .toogleLabelTable::before { position: absolute; content: ''; width: 14px; height: 14px; background-image: linear-gradient( 0deg, #ccc, #eee); border-radius: 50%; top: -1px; transition: left 300ms ease-out; } input + .toogleLabelTable { background: #fff; border: 1px solid #97A3AC; } input + .toogleLabelTable::before { left: -1px; background: #fff; border: 1px solid #97A3AC; } input:checked + .toogleLabelTable { background: #BF9F62; border: 1px solid #BF9F62; } input:checked + .toogleLabelTable::before { left: 11px; background: #fff; border: 1px solid #BF9F62; } /*CheckBox Style*/ .pure-material-checkbox { z-index: 0; position: relative; display: inline-block; color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.87); font-family: var(--pure-material-font, "Roboto", "Segoe UI", BlinkMacSystemFont, system-ui, -apple-system); font-size: 12px; line-height: 1.5; margin: 0; } /* Input */ .pure-material-checkbox > input { appearance: none; -moz-appearance: none; -webkit-appearance: none; z-index: -1; position: absolute; left: -10px; top: -8px; display: block; margin: 0; border-radius: 50%; /*width: 20px; height: 20px;*/ box-shadow: none; outline: none; opacity: 0; transform: scale(1); pointer-events: none; transition: opacity 0.3s, transform 0.2s; } /* Span */ .pure-material-checkbox > span { display: inline-block; width: 100%; cursor: pointer; } /* Box */ .pure-material-checkbox > span::before { content: ""; display: inline-block; box-sizing: border-box; margin: 0 10px; border: solid 2px; /* Safari */ border-color: #5b637a; border-radius: 2px; width: 18px; height: 18px; vertical-align: top; transition: border-color 0.2s, background-color 0.2s; } /* Checkmark */ .pure-material-checkbox > span::after { content: ""; display: block; position: absolute; top: 2px; left: 11px; width: 10px; height: 5px; border: solid 2px transparent; border-right: none; border-top: none; transform: translate(3px, 4px) rotate(-45deg); } /* Checked, Indeterminate */ .pure-material-checkbox > input:checked, .pure-material-checkbox > input:indeterminate { background-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243)); } .pure-material-checkbox > input:checked + span::before, .pure-material-checkbox > input:indeterminate + span::before { border-color: #004c8a; background-color: #004c8a; } .pure-material-checkbox > input:checked + span::after, .pure-material-checkbox > input:indeterminate + span::after { border-color: rgb(var(--pure-material-onprimary-rgb, 255, 255, 255)); } .pure-material-checkbox > input:indeterminate + span::after { border-left: none; transform: translate(4px, 3px); } /* Hover, Focus */ .pure-material-checkbox:hover > input { opacity: 0.04; } .pure-material-checkbox > input:focus { opacity: 0.12; } .pure-material-checkbox:hover > input:focus { opacity: 0.16; } /* Active */ .pure-material-checkbox > input:active { opacity: 1; transform: scale(0); transition: transform 0s, opacity 0s; } .pure-material-checkbox > input:active + span::before { border-color: rgb(var(--pure-material-primary-rgb, 33, 150, 243)); } .pure-material-checkbox > input:checked:active + span::before { border-color: transparent; background-color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.6); } /* Disabled */ .pure-material-checkbox > input:disabled { opacity: 0; } .pure-material-checkbox > input:disabled + span { color: rgba(var(--pure-material-onsurface-rgb, 0, 0, 0), 0.38); cursor: initial; } .pure-material-checkbox > input:disabled + span::before { border-color: currentColor; } .pure-material-checkbox > input:checked:disabled + span::before, .pure-material-checkbox > input:indeterminate:disabled + span::before { border-color: transparent; background-color: currentColor; } input:checked + .toogleLabelTable::before { left: 11px; background: #fff; border: 1px solid #BF9F62; } div.dataTables_wrapper div.dataTables_filter { /*position: absolute; right: 0; top: -20px;*/ float: right; } div.dataTables_wrapper div.dataTables_length, div.dataTables_wrapper div.dataTables_info { /*position: absolute; right: 0; top: -20px;*/ float: left; font-size: 11px; color: rgba(0, 23, 55, 0.5); } div.dataTables_wrapper div.dataTables_filter input, div.dataTables_wrapper div.dataTables_length select { margin: 0 3px; border: 1px solid #DBE1E6; padding: 2px 3px; background-color: #F2F3F5; /*width: 35px !important;*/ } div.dataTables_wrapper div.dataTables_length select { margin: 0 3px; border: 1px solid #DBE1E6; padding: 2px 3px; background-color: #F2F3F5; width: 35px !important; } div.dataTables_wrapper div.dataTables_filter label, div.dataTables_wrapper div.dataTables_length label { color: rgba(0, 23, 55, 0.5); padding: 10px 20px; } .dataTables_wrapper { margin-bottom: 15px; } div.dataTables_wrapper div.dataTables_paginate { margin-top: 10px; } div.dataTables_wrapper div.dataTables_info { background-color: #fff; } .next { margin-left: -3px; } .paginate_button { /*background-color: #fffcf6;*/ background-color: #fff; border: 1px solid rgba(219, 225, 230, 1) !important; border-radius: 0; font-weight: 500; color: #555; padding: 3px 12px; transition: all 0.2s ease; cursor: pointer; font-size: 12px; } .paginate_button:hover, .paginate_button:active, .paginate_button:focus { border-radius: 0; color: #103478; transition: all 0.2s ease; } span .paginate_button { background-color: #fff; border: 1px solid rgba(219, 225, 230, 1); border-radius: 0; font-weight: 500; color: #555; padding: 5px 12px; transition: all 0.2s ease; cursor: pointer; font-size: 12px; margin-left: -2px; } span .paginate_button.current { background-color: rgba(187, 197, 216, 1); border-radius: 0; font-weight: 500; color: #103478; transition: all 0.2s ease; } span .paginate_button:hover, span .paginate_button:active, span .paginate_button:focus, span .paginate_button.current:hover, span .paginate_button.current:active, span .paginate_button.current:focus { background-color: rgba(187, 197, 216, 1); border-radius: 0; color: #103478; border: 1px solid #DBE1E6; transition: all 0.2s ease; } /*Loader Start*/ .lds-ellipsis, .lds-ellipsis-frm { display: inline-block; position: fixed; top: 0; width: 100%; height: 100vh; background-color: rgba(68, 68, 68, 0.1); z-index: 99999; } .lds_box { position: absolute; background-color: #0b2046; z-index: 999999; top: 48%; right: 48%; width: 75px; height: 50px; } .lds-ellipsis .lds_box div { position: absolute; top: 20px; width: 10px; height: 10px; border-radius: 50%; background: #f2f3f5; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis .lds_box div:nth-child(1) { left: 12px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis .lds_box div:nth-child(2) { left: 12px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis .lds_box div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis .lds_box div:nth-child(4) { left: 55px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } .lds-ellipsis-frm .lds_box div { position: absolute; top: 20px; width: 10px; height: 10px; border-radius: 50%; background: #e3e3e3; animation-timing-function: cubic-bezier(0, 1, 1, 0); } .lds-ellipsis-frm .lds_box div:nth-child(1) { left: 12px; animation: lds-ellipsis1 0.6s infinite; } .lds-ellipsis-frm .lds_box div:nth-child(2) { left: 12px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis-frm .lds_box div:nth-child(3) { left: 32px; animation: lds-ellipsis2 0.6s infinite; } .lds-ellipsis-frm .lds_box div:nth-child(4) { left: 55px; animation: lds-ellipsis3 0.6s infinite; } @keyframes lds-ellipsis-frm1 { 0% { transform: scale(0); } 100% { transform: scale(1); } } @keyframes lds-ellipsis-frm3 { 0% { transform: scale(1); } 100% { transform: scale(0); } } @keyframes lds-ellipsis-frm2 { 0% { transform: translate(0, 0); } 100% { transform: translate(19px, 0); } } /*Loader End*/ .btn-primary_01 { background-color: #90A4AE; border-color: transparent; color: #fff; height: 40px; width: 100%; margin-top: 25px; } .btn-primary_01:hover, .btn-primary_01:active, .btn-primary_01.hover { background-color: #607D8B; border-color: transparent; color: #fff; } .btn-primary_02 { background-color: #EF9A9A; border-color: transparent; color: #fff; height: 40px; width: 100%; } .btn-primary_02:hover, .btn-primary_02:active, .btn-primary_02.hover { background-color: #E57373; border-color: transparent; color: #fff; } .serviceDone { background-color: #ECFFF9; padding: 5px; font-size: 12px; color: #09243A; border: 1px solid #E3EDF5; } .serviceDone .currentHrs { font-size: 14px; height: 24px; margin: 0; } .serviceDone div { width: 90%; padding: 5px; margin: auto; background-color: #29CC97; } .serviceDone > table { margin: auto; border: 0; width: 100%; } .serviceDone > table > tbody > tr > td { border: 0; padding: 0; } .serviceDone > table > tbody > tr > td > p { margin: 0; float: left; font-size: 10px; } .serviceDone .currentHrs span { font-size: 10px; } .serviceStatus { background-color: transparent; padding: 5px; font-size: 12px; color: #09243A; border: 1px solid #E3EDF5; } .serviceStatus .currentHrs { font-size: 14px; height: 24px; margin: 0; } .serviceStatus div { width: 90%; padding: 5px; margin: auto; background-color: #C1CBD2; } .serviceStatus > table { margin: auto; border: 0; width: 100%; } .serviceStatus > table > tbody > tr > td { border: 0; padding: 0; } .serviceStatus > table > tbody > tr > td > p { margin: 0; float: left; font-size: 10px; } .serviceStatus .currentHrs span { font-size: 10px; } .currentService { background-color: #CDE6FB; padding: 5px; font-size: 12px; color: #09243A; border: 1px solid #E3EDF5; } .currentService .currentHrs { font-size: 14px; color: #004C8A; height: 24px; margin: 0; } .currentService div { width: 90%; padding: 5px; margin: auto; background-color: #004C8A; } .currentService > table { margin: auto; border: 0; width: 100%; } .currentService > table > tbody > tr > td { border: 0; padding: 0; } .currentService > table > tbody > tr > td > p { margin: 0; float: left; font-size: 10px; } .currentService .currentHrs span { font-size: 10px; color: #004C8A; } .tdBox { background-color: antiquewhite; } .custom-table { border-collapse: collapse; width: 100%; border: 0; font-size: 12px; color: #09243A; } .custom-table th, .custom-table td { text-align: left; padding: 3px; border: solid 1px #E3EDF5; } .custom-table th { color: #9FABB4; font-size: 10px; font-weight: 400; } .custom-table > thead > tr { background-color: transparent; border: 0; } .custom-table > thead > tr > th { background-color: transparent; border: 0; } .tbtn { border: 0; outline: 0; background-color: transparent; font-size: 13px; cursor: pointer; } .toggler { display: none; transition: all 0.5s ease; } .toggler1 { display: table-row; transition: all 0.5s ease; } .custom-table a { color: #0033cc; } .custom-table a:hover { color: #f00; } .page-header { } .btn-primary_02:hover, .btn-primary_02:active, .btn-primary_02.hover { background-color: #E57373; border-color: transparent; color: #fff; } /* ------------------ custom Style for responsive UI ----------------------------*/ @media (min-width: 767px) { .dropdown ul li a { color: #000 !important; opacity: 0.8; } } @media (min-width: 767px) and (max-width: 780px) { .sml_content-wrapper { margin-top: 55px !important; } } .navbar-inverse .navbar-toggle .icon-bar { background-color: #004c8a; } .navbar-inverse { background-color: transparent; border: none; box-shadow: none; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { border: none; box-shadow: none; } .navbar-toggle { padding-top: 22px; color: #fff; opacity: .5; float: left; } .navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus { color: #fff; opacity: 1; background-color: transparent; } .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { overflow: inherit; } .menus { background-color: #004c8a; } .menus li { list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal; vertical-align: middle; } .menus li a { padding: 15px; display: block; text-decoration: none; opacity: .5; color: #fff !important; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .menus li a.inActive, .menus li a:hover { text-decoration: none; color: #fff; opacity: 1; all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .menus li a img { margin-right: 7px; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .dropdown-toggle i { font-size: 20px; } .res_table { width: 100%; overflow: auto; } .sub_menu ~ li { padding-left: 10px; } .sub_menu1 { left: 15px; transform-origin: top left !important; } .adjust_space { padding-right: 9px; } .adjust_space2 { padding-right: 0px; } .sub_menu1 li a { padding: 8px; } .navbar-nav > .user-menu > .dropdown-menu, .navbar-nav > .user-menu > .dropdown-menu > .user-body { margin-top: 8px; } .scrollmenu { overflow: auto; white-space: nowrap; -ms-overflow-style: none; width: 70%; } .innerSection1 h3 { font-size: 14px; color: #6E7A87; margin: 0; font-weight: 700; margin-bottom: 15px; float: left; } .smallSection1 p { font-size: 14px; font-weight: 400; /*color: #94A6B8;*/ margin: 0; text-align: center; } /*.navbar-nav > .user-menu .user-image { float: right; }*/ .box-tools > a, .box-tools > .importBtn { color: #fff; height: 30px; display: inline-block; background-color: #6e7175 !important; } .box-tools > a:hover { background-color: #6e7175 !important; color: #fff; } .sectiontable { font-size: 14px; color: #6E7A87; font-weight: 700; padding: 5px; } .navbar { position: relative; z-index: 1000; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; } .datepickerButton .dropdown-menu { right: 0; left: auto; } .sml_content-Rwrapper { margin-left: 0px !important; } .sml_content-wrapper { margin-left: 210px !important; } .sml_main-sidebar { width: 210px !important; } .reportTbl .tableNotes { min-width: 100px; float: right; } .reportTbl .tableNotes1 { width: auto; float: right; display: flex; margin-right: 10px; } .form_padding { padding: 20px; } /* ------------------ Media Query ----------------------------*/ @media (max-width: 992px) { .tabbed-section__selector [class*="-tab-"] { float: none; display: inline-block; } .tabbed-section__highlighter { display: none; } .tabbed-section__selector [class*="-tab-"].active { border-bottom: 2px solid #fdb913; } .scrollmenu { width: 60%; } .dropdown-toggle::after { margin-bottom: -5px; } } @media (max-width: 767px) { .content-wrapper { padding-top: 0px !important; } .cat_menu { margin-top: 50px; padding: 5%; } [class*="tabbed-section-"] { padding: 20px 0px; } .hd_sm { display: none; } .dvcontent2 { top: 75px; } .same_space { padding: 0px 15px; } .tabbed-section__selector::-webkit-scrollbar { display: none; } #toggleSection.open #pushMap { width: 100%; right: 0px; } #pushMap { top: 63px; bottom: 0; } .navbar-nav > .user-menu > .dropdown-menu > .user-footer { transform-origin: bottom; background-color: #fff; } .scrollmenu { width: 80%; } .page-wrap { padding: 5px 0px; margin-top: 50px; } .contentSetting { margin-top: 0px; } /*.box { padding: 5px; }*/ /*.box-header { padding-left: 12px; }*/ .with_padding_top { padding-top: 0px !important; } .sml_main-sidebar { width: 100% !important; } .sml_content-wrapper { margin-left: 0px !important; } .reportTbl .tableNotes { min-width: 95px; float: left; } .export_btn { width: 100% !important; } .box-space_rpt { padding: 5px !important; } .sidebar .form-control { border-radius: 0 !important; box-shadow: none; background-color: #f5f5f5; border-color: #E6E6E6; } .form_padding { padding: 15px; } } .innerSection { min-height: 210px; } .fa-plus { content: url(/Content/Img/plus.png); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .fa-minus { content: url(/Content/Img/plus.png); transform: rotate(45deg); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .border_btm { border-bottom: 1px solid rgba(191,159,58,0.3); } .lbl_color { color: rgba(11, 32, 70, 1) !important; } .with_color a { color: #BF9F62; font-weight: 800; } .without_padding { padding: 0px !important; } .without_margin { margin: 0px; } .with_mrg_top { /*margin-top: 60px;*/ } .with_padding_left { padding-left: 15px; } .with_padding_top { padding-top: 10px !important; } .with_padding { padding: 5px 10px !important; } .collapse_tbl thead tr th { color: #BF9F62; } .collapse_tbl thead tr th, .collapse_tbl tbody tr td { vertical-align: middle; padding: 5px; background-color: rgba(245, 245, 245, .5); } .collapse_tbl tbody tr td { font-size: 12px; } /*.collapse_tbl tbody tr td img { width: 30px; }*/ .collapse_tbl > tbody > tr:nth-child(1) { border-top: 1px solid #D9DEE2; } .font_styles label { font-size: 10px; color: #BF9F62; font-weight: normal; } .font_styles p { font-weight: 500; } .max_width { width: 300px; } .content-wrapper3 { margin-left: 300px; padding: 20px; } .back_btn { border-radius: 0; border: 1px solid #BF9F62; } .back_btn a { color: #000; font-weight: bolder; padding: 0px; } .user-panel a { color: #000; font-weight: bolder; font-size: 14px; padding: 2px 4px; margin-right: 10px; } .rep_lbl { border-radius: 3px; text-align: center; padding: 3px; font-size: 10px; min-width: 30px; height: 20px; /*-webkit-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.23); -moz-box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.23); box-shadow: 0px 2px 5px 0px rgba(0,0,0,0.23);*/ } input[type=file] { padding: 4.4px; color: #999; } input[type=file]::-webkit-file-upload-button { border: 1px solid rgba(232, 236, 242, 1); background: #767a7d; color: #fff; font-size: 10px; padding: 5px; outline: none; box-shadow: none; margin-top: -3px; position: relative; z-index: 20; float: right; } .box-info.box .box-body input[type=file]::-webkit-file-upload-button { font-size: 8px; margin-top: -2px; } .calendar_icon { background-image: url('Img/Calendar_b.png'); background-repeat: no-repeat; background-position: 98% 50%; } .lg_icon a { font-size: 16px; margin: 0 3px; text-align: center; } .res_table { overflow: auto; width: 100%; } .rep_inner_tbl { width: 100%; } .rep_inner_tbl thead > tr > th, .rep_inner_tbl tbody > tr > th, .rep_inner_tbl tfoot > tr > th, .rep_inner_tbl thead > tr > td, .rep_inner_tbl tbody > tr > td, .rep_inner_tbl tfoot > tr > td { border: none !important; padding: 5px; } .without-cell-padding > tbody > tr > td { padding: 0px; } .dropbtn { cursor: pointer; } .dropdown { position: relative; display: inline-block; } .dropdown-content { display: none; position: absolute; background-color: #f1f1f1; min-width: 160px; overflow: auto; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 1; } .dropdown-content a { color: black; padding: 12px 16px; text-decoration: none; display: block; } .dropdown a:hover { /*background-color: #ddd;*/ } .show { display: block; } /* Popup container - can be anything you want */ .popup { position: relative; /*display: inline-block;*/ display: block; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /* The actual popup */ .popup .popuptext { display: none; min-width: 160px; background-color: #fff; color: #000; text-align: left; border-radius: 0px; padding: 0; position: absolute; z-index: 1; left: 110%; top: 0%; -webkit-box-shadow: 0px 0px 26px -1px rgba(0,0,0,0.42); -moz-box-shadow: 0px 0px 26px -1px rgba(0,0,0,0.42); box-shadow: 0px 0px 26px -1px rgba(0,0,0,0.42); } .popup .popuptext p { font-size: 14px; } .popup .popuptext button { font-size: 10px; padding: 0px; height: 20px; } /* Popup arrow */ .popup .popuptext::after { content: ""; position: absolute; top: 0%; left: -3%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: transparent #fff transparent transparent; } /* Toggle this class - hide and show the popup */ .popup .show { visibility: visible; -webkit-animation: fadeIn .1s; animation: fadeIn .1s; } /* Add animation (fade in the popup) */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } div.dataTables_wrapper { width: 100%; margin: 0 auto; background-color: #fff; /*box-shadow: 0px 1px 6px 4px #0E314D1A;*/ overflow-x: auto; } .tableCalender thead tr th { font-size: 14px; font-weight: 400; border-top: 1px solid #E9E6DF !important; } .tableCalender thead:first-child tr:first-child th:first-child { background-color: rgba(255,250,238,0.5); font-size: 12px; font-weight: 400; border: none !important; } .tableCalender thead tr th small { font-size: 10px; font-weight: 400; } .table thead tr th { border-top: 1px solid; } .table thead:first-child tr:first-child th:first-child { /*background-color: rgba(255,250,238,0.5);*/ border: none; } .table-striped > tbody > tr:nth-child(even) > th, .table-striped > tbody > tr:nth-child(odd) > th { background-color: rgba(255,250,238,0.5); white-space: nowrap; max-width: 125px; overflow: hidden; text-overflow: ellipsis; padding-left: 10px; font-weight: 500; left: -1px; border: none; } .table thead:first-child tr:first-child th { /*background-color: #fff !important;*/ } .odd, .even { /*background-color: #fff;*/ cursor: pointer; } .select2-container { width: 100% !important; } .form_selectbox .select2-container--default .select2-selection--single, .form_selectbox .select2-selection .select2-selection--single, .fullpageTab > .assetTabs .select2-selection .select2-selection--single { background-color: #fff; border: 1px solid #E8ECF2; } .fullpageTab > .assetTabs .select2-container--default .select2-selection--single, .box-info .form_selectbox .select2-container--default .select2-selection--single, .box-info .form_selectbox .select2-selection .select2-selection--single { background-color: #F2F3F5; } .table tbody + tbody { border-top: 1px solid #dddddd; } .asset-table tbody tr td, .asset-table thead th td { white-space: nowrap; } .reportTbl > thead > tr > th { font-size: 11px; border: none; color: #75808a; font-weight: 400; /*padding-left: 5px;*/ } .reportTbl > tbody > tr > td { font-size: 12px; color: #09243a; border: 1px solid #c1cbd2; /*padding: 10px 5px;*/ } .reportAl td, .reportAl th { font-size: 12px; color: #09243a; border: 1px solid #c1cbd2; padding: 3px; /*padding: 10px 5px;*/ } .reportTbl .tableNotes .clolorbox { -webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.13); -moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.13); box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.13); } .table-container { position: relative; width: 100%; height: 100%; overflow: auto; display: inline-block; table-layout: fixed; } .table-container table { float: left; } /*.reportTbl th.reportTblBox { padding: 5px 2px !important; }*/ .reportTbltd { display: block; overflow: hidden; white-space: nowrap; width: 320px; text-overflow: ellipsis; border-bottom: none; height: 36px; padding: 10px !important; } /*.reportTbl td,*/ .reportTbl th { padding: 5px 2px !important; } .reportCRbox { border-bottom: 1px solid #c1cbd2; } .reportCRbox td:first-child { padding: 10px !important; } .reportTblBox { padding: 2px 2px !important; } /*. /*reportCRbox td, .reportCRbox th { padding: 2px 2px !important; }*/ .reportTbl td:nth-child(n+2), .reportTbl th:nth-child(n+3) { width: 35px; font-size: 11px !important; } .table-container td, .table-container th { padding: 8px; white-space: nowrap; } .scrollRight { overflow: auto; } .importInput { opacity: 0; height: 28px; position: relative; width: 120px; top: -23px; cursor: pointer; } .importBtn { height: 30px; width: 120px; padding: 7px 8px 0px 0px; } .noteList { margin-top: 20px; } .noteList ul { margin-top: 10px; } .notesli li { font-size: 10px; color: #09243A; margin-bottom: 3px; } .semi-cell-padding > tbody > tr > td { padding: 4px; } .semi-cell-padding .rep_lbl { height: 30px; /*padding: 8px;*/ } .modal-body label { color: rgba(8, 23, 49, 0.5); font-size: 12px; } .tdtext td { white-space: nowrap; /*max-width: 80px;*/ overflow: hidden; text-overflow: ellipsis; } .tdtext td p { margin-bottom: 0; } .disabled { pointer-events: none; cursor: not-allowed; opacity: 0.4; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .disable-row { pointer-events: none; cursor: not-allowed; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .table-striped > tbody > tr > td.disabled { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .primaryBtn[disabled] { pointer-events: none; cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .hover_shadow { border: 1px solid #D9DEE2 !important; } /*.hover_shadow thead th, .hover_shadow tbody td { border-right: 1px solid #ebebeb !important; }*/ button[disabled] { pointer-events: none; cursor: no-drop; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .lst_grp { max-height: 260px; overflow: auto; } .lst_grp .list-group-item { border: none; padding-top: 5px; padding-bottom: 5px; } .lst_grp::-webkit-scrollbar { width: 5px; height: 15px; } .lst_grp::-webkit-scrollbar-track-piece { background-color: rgba(0,0,0,0.05); } .lst_grp::-webkit-scrollbar-thumb:vertical { background-color: rgba(0,0,0,0.05); } .visibleCheckbox { margin-top: 15px !important; } .visibleCheckbox input[type="checkbox"], .visibleCheckbox2 input[type="checkbox"] { display: initial !important; } .visibleCheckbox label { width: 60px !important; margin-left: 0px !important; } .visibleCheckbox2 label { width: 35px !important; margin-left: 0px !important; } .nav-tabs > li > a { color: rgba(11, 32, 70, 0.5) !important; border: none !important; border-top: 2px solid transparent !important; } .nav-tabs { border-bottom: 0; } .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #000 !important; background-color: transparent !important; border-radius: 0px; border-bottom: 2px solid #F87F0E !important; } .Chat_body .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus { color: #F87F0E !important; background-color: transparent !important; border-bottom: 2px solid #F87F0E !important; border-radius: 0px; } .form_selectbox .select2-container--disabled .select2-selection--single { background-color: #eeeeee !important; } .form_selectbox .select2-container--disabled .select2-selection--single:hover { cursor: not-allowed; } .noteli li { font-size: 14px; color: #09243A; } .noteli1 li { font-size: 13px; color: #09243A; } .clientLogo { width: 110px; height: 40px; background-color: #fff; border-radius: 5px; float: left; margin-top: 10px; } .clientLogo > img { width: 90px; height: 30px; margin: 5px 10px; } /*------------------------- Dashboard css ----------------------------*/ .chatWrapper { width: 60%; display: block; overflow: hidden; margin: 0 auto; padding: 60px 50px; background: #fff; border-radius: 4px; } canvas { background: #fff; height: 400px; } .reportTbl .progress-bar { width: 0; -webkit-animation: progress 1.5s ease-in-out forwards; animation: progress 1.5s ease-in-out forwards; } .reportTbl .progress-bar .title { opacity: 0; -webkit-animation: show 0.35s forwards ease-in-out 0.5s; animation: show 0.35s forwards ease-in-out 0.5s; } @-webkit-keyframes progress { from { width: 0; } to { width: 100%; } } @keyframes progress { from { width: 0; } to { width: 100%; } } @-webkit-keyframes show { from { opacity: 0; } to { opacity: 1; } } @keyframes show { from { opacity: 0; } to { opacity: 1; } } .vtext { writing-mode: vertical-lr; transform: rotate(180deg); text-orientation: sideways-right; font-size: 10px; opacity: .8; } .htext { font-size: 10px; opacity: .8; display: block; margin-top: -5px; } .counter-count { font-size: 34px; font-weight: bold; line-height: 44px; } .status { color: #AE2626; } @media (max-width: 480px) { .counter-count { font-size: 30px; font-weight: bold; line-height: 30px; } .status { color: #AE2626; } } @media (min-width: 1024px) { .counter-count { font-size: 28px; font-weight: bold; line-height: 38px; } .status { color: #AE2626; } .chatWrapper { width: 60%; display: block; overflow: hidden; margin: 0 auto; padding: 60px 50px; background: #fff; border-radius: 4px; } } @media (min-width: 1400px) { .counter-count { font-size: 36px; font-weight: bold; line-height: 46px; } .status { color: #AE2626; } .chatWrapper { width: 60%; display: block; overflow: hidden; margin: 0 auto; padding: 60px 50px; background: #fff; border-radius: 4px; } } .panel { margin-bottom: 10px; -webkit-box-shadow: 0px 0px 10px 0px rgba(122,116,116,0.21); -moz-box-shadow: 0px 0px 10px 0px rgba(122,116,116,0.21); box-shadow: 0px 0px 10px 0px rgba(122,116,116,0.21); border: none; } .owl-item .panel > .panel-heading { /*background-color: #BF9F62 !important;*/ color: #09243a; border-radius: 5px 5px 0px 0px; padding: 10px 15px 0 15px; /*border-bottom: 1px solid #F0F0F0; margin-bottom: 10px;*/ } .owl-item .panel > .panel-footer { padding: 5px 15px; background-color: rgba(174, 38, 38,.05); color: #AE2626; border-radius: 0px 0px 10px 10px; border: none; margin: 0 10px; } .owl-item .panel > .panel-footer .row { display: flex; align-items: center; } .f18 { display: grid; font-size: 18px; font-weight: 700; } .f16 { display: grid; font-size: 16px; } .f16 span { font-size: 10px; opacity: .75; } .f16_icon { font-size: 16px; display: flex; } .f16_icon img { margin-right: 10px; } .f14 span { font-size: 12px; opacity: .75; } .f14 { font-size: 14px; margin: 0; } .f12 { font-size: 12px; margin: 0; } .f22 { font-size: 22px; color: #AE2626; text-align: right; } .f35 { font-size: 35px; color: #AE2626; text-align: right; } /*.owl-item .panel .progress, .owl-item .panel .progress-bar { height: 6.5px !important; } .owl-item .panel .progress-bar .title { right: 10px; position: absolute; top: 5px; color: #09243A; font-size: 12px; }*/ .owl-item .panel { height: calc(100vh - 150px); } .owl-item .panel .panel-body { height: calc(100vh - 255px); display: grid; grid-template-rows: auto; } .owl-item .panel .progress { margin: 10px; } .owl-item .panel-body { padding: 0px; } .owl-item .panel-body .panel_content { margin: 0px; padding: 0 15px 10px 15px; /*height: calc(100% - 83%);*/ } .owl-item .panel-body .panel_content:last-of-type { padding-bottom: 0; } .owl-item .panel_content_tow { margin: 0px; padding: 0 15px 0 15px; } .flexbox { display: inline-flex; align-items: center; } /*.owl-item .panel-body .panel_content:last-of-type { border-bottom: 0; margin: 0px; padding: 15px; height: calc(100% - 66.5%); }*/ .owl-item .panel-body .panel_content .inner-row { height: calc(100% - 70%); display: flex; align-items: center; } .owl-item .panel-body .panel_content .inner-row:last-of-type { /*height: calc(100% - 30%);*/ height: 100%; display: flex; align-items: center; background-color: #F2F4F6; padding: 0 10px; border-radius: 10px; } .owl-item .panel-body .panel_content_tow .inner-row:last-of-type { /*height: calc(100% - 30%);*/ height: 100%; display: flex; align-items: center; padding: 0; } .owl-carousel .owl-item img { width: auto !important; height: 50%; } .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent !important; color: #AE2626 !important; } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #AE2626 !important; } .bBtm { border-bottom: 1px solid #E9E9E9; } .carousel-indicators li { height: 10px; width: 10px; border-color: #AE2626; } .carousel-indicators { bottom: -25px; z-index: -1; } .carousel-indicators .active { background-color: #AE2626; } .carousel-control { position: absolute; top: unset; bottom: -15px; color: #09243A; left: 0; width: 15%; color: #09243A; text-align: center; text-shadow: none; opacity: 1; filter: alpha(opacity=50); } .carousel-control:hover, .carousel-control:active, .carousel-control:focus { color: #AE2626; } .carousel-control .active { color: #AE2626; opacity: 1; } .carousel-control .fa { font-size: 15px !important; } .carousel-control.right { right: unset; left: 47%; } .carousel-control.left { right: unset; left: 37%; } .dBrd { /* margin-top: 60px; */ padding: 0 20px; padding-top: 60px; } .dBrd .datepickerButton { background-color: #fffefd; color: #09243a; border: 1px solid #E2E2E2; } .dBrd .box-header { padding: 10px 0px; } .dBrd .box-header > h4 { padding: 0; margin: 0; line-height: 32px; float: left; } @media (min-width: 1024px) { .owl-theme .owl-dots { margin: auto; width: 10%; } .owl-theme .owl-nav { margin-top: 0px !important; position: absolute !important; width: 100% !important; z-index: -1; } .owl-theme .owl-nav [class*=owl-] { margin: 0px 75px !important; font-size: 25px !important; line-height: 15px !important; } } @media (max-width: 767px) { .dBrd { padding: 0 10px; } .dBrd .page-wrap { margin-top: 50px; padding-top: 0px; } .navbar-nav > .user-menu .user-image { margin-top: 0px; } .main-header .logo { padding: 15px 5px; } .navbar-custom-menu .navbar-nav > li > a { padding: unset !important; } .navbar-custom-menu .navbar-nav .dropdown-toggle.admin::after { display: inline-block; color: rgba(11, 32, 70, 0.5); border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(45deg); margin-left: 3px; margin-bottom: -5px !important; transition: all 0.3s ease; } .navbar-custom-menu .navbar-nav .open > .dropdown-toggle.admin::after { display: inline-block; color: rgba(11, 32, 70, 0.5); border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(-135deg); margin-left: 3px; margin-bottom: -5px; } .main-header .logo .logo-lg { display: table; vertical-align: middle; } .main-header .logo .logo-lg img { width: 60%; } .clientLogo { width: 70px; } .clientLogo > img { width: 85%; margin: 10px 5px; height: unset; } .carousel-control.left { left: 25%; } .carousel-control.right { left: 55%; } } .bootstrap-tagsinput { display: block !important; } .cursor { cursor: pointer; } .hr_style { margin-top: 0px !important; border-color: rgba(191,159,98,0.3); width: 97%; } .truncate.active { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 150px; } .ele-clone { height: 1px; overflow: hidden; white-space: nowrap; position: fixed; } .table-scroll { position: relative; max-width: 100%; margin: auto; overflow: hidden; border: 1px solid #000; } .table-wrap { width: 100%; overflow: auto; } .table-scroll table { width: 100%; margin: auto; border-collapse: separate; border-spacing: 0; } .table-scroll th, .table-scroll td { padding: 5px 10px; border: 1px solid #000; background: #fff; white-space: nowrap; vertical-align: top; } .table-scroll thead, .table-scroll tfoot { background: #f9f9f9; } .clone { position: absolute; top: 0; left: 0; pointer-events: none; } .clone th, .clone td { visibility: hidden; } .clone td, .clone th { border-color: transparent; } .clone tbody th { visibility: visible; color: red; } .clone .fixed-side { border: 1px solid #000; background: #eee; visibility: visible; } .clone thead, .clone tfoot { background: transparent; } table.MyfixedTable { border-spacing: 0; /*border: 1px solid #D9DEE2;*/ border-bottom: 0; border-right: 0; border-collapse: unset; } table.MyfixedTable thead tr th { padding: 5px; font-size: 11px !important; background-color: #fff; /*border-bottom: 1px solid #D9DEE2 !important;*/ border-right: 1px solid #D9DEE2 !important; border-top: 1px solid #fff; border-left: 1px solid #fff; font-size: 12px; font-weight: 600; text-align: center !important; } table.MyfixedTable tbody tr th { padding: 5px; background-color: #fff; border-bottom: 1px solid #D9DEE2 !important; border-right: 1px solid #D9DEE2 !important; border-top: 1px solid #fff; border-left: 1px solid #fff; font-size: 12px; font-weight: 400; } table.MyfixedTable tr td { padding: 5px; border-bottom: 1px solid #D9DEE2; border-right: 1px solid #D9DEE2; border-top: 0; border-left: 0; } table.MyfixedTable tr td div { text-align: center; } .tooltip-inner { white-space: unset !important; } #parent { height: calc(100vh - 180px); width: 100%; } #fixTable { width: 100% !important; } .imgcolor { width: 15px; display: inline-block; margin: 5px; } /*.imgDone { content: url('Img/done.png'); } .imgScheduled { content: url('Img/scheduled.png'); } .imgNDone { content: url('Img/not done.png'); }*/ .working-cell { background-color: #0080009c !important; border: 1px green !important; } .idle-cell { background-color: #fcc100ab !important; border: 1px yellow !important; } .breakdown-cell { background-color: #ff0000d1 !important; border: 1px red !important; } .accident-cell { background-color: #666666e0 !important; border: 1px gray !important; } .position { float: right; } .progress-circle { position: relative; height: 40px; width: 40px; } .progress-circle div { position: absolute; height: 40px; width: 40px; border-radius: 50%; } .progress-circle div span { position: absolute; font-family: Arial; font-size: 11px; line-height: 30px; height: 30px; width: 30px; left: 5px; top: 5px; text-align: center; border-radius: 50%; background-color: #f2f4f6; } .progress-circle .background { background-color: #b3cef6; } .progress-circle .rotate { clip: rect(0 20px 40px 0); background-color: #4b86db; } .progress-circle .left { clip: rect(0 20px 40px 0); opacity: 1; background-color: #b3cef6; } .progress-circle .right { clip: rect(0 20px 40px 0); transform: rotate(180deg); opacity: 0; background-color: #4b86db; } @keyframes toggle { 0% { opacity: 0; } 100% { opacity: 1; } } .w10 { width: 10%; } .w20 { width: 25%; } .w35 { width: 32.5%; } #fullscreen { background: #F5F5F5; } .datepicker-dropdown.datepicker-orient-bottom { /*top: 105px !important;*/ } .checkReportBox { text-align: center; line-height: 25px; color: rgba(255, 255, 255, 0.5) !important; } .frm-image { width: 200px; height: auto; display: block; border-radius: 5px; cursor: zoom-in; } .wTblBox { width: 140px !important; } .modal-body { position: relative; padding: 10px 20px; } .modal-dialog.details { min-width: 300px; min-height: calc(100% - 3.5rem); /*margin: 1.75rem auto;*/ padding: 0; height: 100vh; margin: auto; box-align: center; padding: 10px; max-width: 410px; width: auto; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; } .modal-dialog.details .modal-content { height: auto; } .modal-dialog-centered { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered .modal-content { width: 100%; } @media (min-width: 576px) { .modal-dialog { width: 410px; } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } } .lblpopup { display: -webkit-inline-box; margin-left: 100px; width: 50%; margin-top: 5px; /*color: #BF9F62;*/ font-weight: 500; font-size: 13px; } .reptTbltd { font-weight: bold; font-size: 14px; text-align: center; } .reportSpaninfo { width: 100%; font-size: 13px; font-weight: 500; padding: 0px 50px; margin-bottom: -11px; } .main-side { color: #FFF; padding: 5px; display: inline-block; } .tr_color { background-color: #f5f5f5; } .td_Mainmenu { padding: 10px 20px !important; font-weight: bold; } .dashddl .select2-results__options { max-height: none; } @media (min-width: 576px) { .modal-dialog.preview { width: 630px; } } .photoslider-prev, .photoslider-next { position: absolute; display: inline-block; width: 42px; height: 56px; line-height: 56px; top: 45%; margin-top: -28px; background-color: rgba(0,0,0,0.2); backface-visibility: hidden; color: white; overflow: hidden; white-space: nowrap; -webkit-user-select: none; user-select: none; border: none; z-index: 10; font-family: sans-serif; font-size: 13px; cursor: pointer; -webkit-transition: all 0.7s; transition: all 0.4s; } .photoslider-prev:hover, .photoslider-next:hover { background-color: rgba(0,0,0,0.4); } .photoslider-prev::before, .photoslider-next::before { position: absolute; top: 17px; content: ""; display: inline-block; width: 20px; height: 20px; border-left: 2px solid white; border-top: 2px solid white; backface-visibility: hidden; } .photoslider-prev::before { -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); left: 16px; } .photoslider-next::before { -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); transform: rotate(135deg); right: 16px; } .photoslider-prev { left: 0; } .photoslider-next { right: 0; } .photoslider-close { position: absolute; display: inline-block; width: 30px; height: 30px; top: 20px; right: 5px; background-color: rgba(0,0,0,0.4); backface-visibility: hidden; z-index: 10; border: none; } #divImg img.img-thumbnail { border: none !important; border-radius: 0 !important; padding: 0 !important; } .frm-image1 { width: 100%; max-height: 65vh; } video::-internal-media-controls-download-button { display: none; } video::-webkit-media-controls-enclosure { overflow: hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); /* Adjust as needed */ } .plabel { font-size: 11px; font-weight: 400; color: #BF9F62; } /*video::-webkit-media-controls { display: none; }*/ /*@media (min-width:1024px) { .image_modalPopup { width: 40% !important; margin-right: 21% !important; margin-top: 2% !important; position left: 52%; } }*/ @media (max-width:640px) { /*.image_modalPopup { top: 10% !important; position: relative !important; }*/ .rspnsvDatatbl .dataTables_wrapper div.dataTables_paginate { width: 100% !important; } .rspnsvDatatbl .dataTables_wrapper div.dataTables_info { width: 100%; } } .tblreport tr td { width: 35px; color: #09243a; /*border: 1px solid #c1cbd2;*/ /*border-bottom: 1px solid #c1cbd2;*/ border-left: 1px solid #c1cbd2 !important; } .tblreport tr td:nth-last-child(1) { border-right: 1px solid #c1cbd2; } .tblreport tr th { width: 35px; } .vrtcl_align { border-left: 1px solid #c1cbd2; } .tblreport .reportTblBox { padding: 2px 2px !important; } .tbl_Btmbrder { border-bottom: 1px solid #c1cbd2; } .vrtcl_align .tbl_Btmbrder { border-left: 1px solid #c1cbd2 !important; } .tbl_topbrder { border-top: 1px solid #c1cbd2; } table { width: 100%; } td { margin: 0 !important; } /*.blue{ position:relative; height:calc(100vh - 156px); }*/ .modal-backdrop { position: absolute !important; } .modals { position: absolute !important; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .inside_content { z-index: 9999; } .myModal .modal-dialog { position: relative; width: auto; left: unset; pointer-events: none; max-width: 500px; margin-right: 16%; margin-top: 12%; } @media (min-width:320px) and (max-width:420px) { .myModal .modal-dialog { margin: 15px; bottom: -38%; } div.dataTables_wrapper div.dataTables_filter label { padding-right: 9px !important; } div.dataTables_wrapper div.dataTables_filter label { padding-left: 9px !important; } } .myModal .modal-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0,0,0,.2); border-radius: .3rem; outline: 0; } .blue .img-thumbnail { width: 100%; height: 100%; } .vedios { display: none; } .vedio_ply { width: 600px; } .vediobtn { width: 30px; height: 30px; text-align: center; padding: 2px; } .vediobtn img { width: 60%; } .bfr_evnt, after_evnt { position: relative; } .btnvideo { padding: 5px; width: unset !important; } .btnvideo img { width: 15px; margin-right: 3px; } .bfr_evnt .vediobtn, .after_evnt .vediobtn { position: absolute; right: 20px; top: 15px; z-index: 9999; } .bfr_event .vedio-close, .after_evnt .vedio-close { position: absolute; width: 30px; height: 30px; top: 20px; right: 5px; background-color: rgba(0,0,0,0.4); backface-visibility: hidden; z-index: 10; border: none; } .modal-backdrop.in { display: none !important; } .btmBorder { border-bottom: 2px solid green; } .topBorder { border-top: 2px solid green; } .rightBorder { border-right: 2px solid green; } .leftBorder { border-left: 2px solid green; } .assigned_reportTable .slimScrollDiv { box-shadow: 0px 1px 6px 4px #0E314D1A; } .infospan { padding: 0 48px !important; } .rprtTable { background-color: white; padding: 10px; } table.tabl { border-collapse: collapse !important; } thead.theadbrdr { border-left: 1px solid #000 !important; } /*.rprtTable .dataTables_wrapper{ padding:10px; }*/ table.tble thead tr th { border-left: 1px solid #D9DEE2 !important; } .table.tble thead:first-child tr:first-child th:first-child { border-left: 0px !important; border-right: 0px !important; } .openedTbl { padding: 10px !important; background-color: #f5f5f5 !important; } .openedTbl table { background-color: #f5f5f5 !important; } @media (max-width:768px) { .rspnsv_hdr { margin-top: 60px; } .rspnsv_hdrTitle { display: inline-block !important; } } @media (max-width:854px) { .mbl_scroll { overflow-x: scroll !important; } .assigned_reportTable .box-title { display: block; } .rspnsv_hdrTitle { display: inline-block !important; } } @media (min-width:768px) and (max-width:854px) { .modal-dialog.details .modal-content { height: auto; } } @media (max-width:640px) { .vediobtn { width: 20px; } div.dataTables_wrapper div.dataTables_paginate { margin-top: 0; width: 100%; } div.dataTables_wrapper div.dataTables_info { width: 100%; } } .splitTbl .dataTables_scrollHead { padding: 0 15px; background-color: white; } .splitTbl .dataTables_scrollBody { padding-left: 15px; padding-right: 15px; background-color: white; padding-bottom: 20px; } table.tblFixed tr td { border-right: 1px solid #D9DEE2 !important; border-bottom: 1px solid #D9DEE2 !important; border-left: unset !important; border-top: unset !important; } .btn-icon > button { border: none; background-color: transparent !important; box-shadow: none; } .font-bold { font-weight: 600; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /*latest css*/ /*form active command inactive input table*/ label { margin-bottom: 0; } .nrmlBtn { border: 0; background: transparent; padding: 0; } .size-resizing { width: 16px; } .badge { display: inline-block; min-width: 10px; /*padding: 3px 15px;*/ /*width: 65px !important;*/ font-size: 10px; line-height: 13px; font-weight: 400; color: #171717; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 10px; } .badge-flex { display: flex; flex-wrap: wrap; } .badge-tag { display: inline-block; min-width: 10px; padding: 3px 10px; font-size: 10px; line-height: 12px; margin: 2px 3px; font-weight: 400; color: #171717; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 10px; background-color: rgba(55, 35, 129, 0.2); } .badge.active { background-color: rgba(55, 35, 129, 0.2); } .badge.Inactive { background-color: rgba(248, 127, 14, 0.2); } /*form active command inactive input table*/ /*table action delete button*/ /*.actionBtns{ display:flex; }*/ .actionBtns a:last-child { margin-left: 15px; } /*main header for logo align left*/ .main-header .logo { text-align: left; display: none; } .main-header .logo.active { display: inline-block; z-index: 1; } .main-header .logo.active:hover { cursor: pointer; } .main-header .logo img { width: 100%; } /*for checkBox*/ input[type=checkbox] { position: relative; cursor: pointer; /* display: block;*/ } /*td.filter-active:after{ position:absolute; left:0; content:''; width:100%; height:30px; background-color:red; }*/ .filter-active { background-color: #E8EEF6 !important; } input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 17px; height: 17px; top: 0; left: 0; border: 1px solid #F2F3F5; border-radius: 0; background-color: #F2F3F5; } /*td.filter-active < tr { border: solid 3px red; }*/ /*li:has(> a.active)*/ /*tr:has(> td.filter-active){ background-color:red; }*/ input.check-filter[type=checkbox], input.checkbox-filter-controller[type=checkbox] { width: 17px; height: 17px; } input.check-filter[type=checkbox]:before, input.checkbox-filter-controller[type=checkbox]:before { content: ""; display: block; position: absolute; width: 17px; height: 17px; top: 0; left: 0; border: 1px solid #D7DCE5; border-radius: 0; background-color: #fff; } input.check-filter[type=checkbox]:checked:after { content: ""; display: block; width: 5px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; left: 6px; } input.checkbox-filter-controller[type=checkbox].checked:after { content: ""; display: block; width: 0px; height: 10px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(90deg); position: absolute; top: 4px; left: 8px; } input.check-filter[type=checkbox]:checked:before, input.checkbox-filter-controller[type=checkbox].checked:before { border: 1px solid #0B2046; border-radius: 0; background-color: #103478; } .role_access.table tbody tr td:first-child, .role_access.table thead tr th:first-child { width: unset !important; } .role_access input[type=checkbox]:before { content: ""; display: block; position: absolute; width: 17px; height: 17px; top: -4px; left: 0; border: 1px solid #dadee4; border-radius: 0; background-color: #f2f3f5 !important; } .role_access input[type=checkbox]:checked:after { top: -2px; } input[type=checkbox]:checked:after { content: ""; display: block; width: 5px; height: 10px; border: solid #0B2046; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; left: 6px; } /*for master page closing form btn Background*/ .secondaryClr { background-color: #0B2046 !important; color: #fff !important; } /*login page logo div*/ .logos { margin: 40px 0 40px 0; overflow: hidden; } .copyright { font-size: 10px; color: rgba(11, 32, 70, 1); } .logInfooter { position: fixed; bottom: 15px; left: 20px; } .tablefont { font-weight: 600; margin-bottom: 0; } /*modal popup*/ .closeBtn { font-size: 20px; font-weight: 600; line-height: 1; color: #081731; } .chatBody ul { padding: 0; } .form-rows { display: flex; } .chatBody ul .Cht_userImg { padding: 0 5px 0 0px !important; text-align: center; width: 11%; } .chatBody ul .Cht_usercht { padding: 0 0px 0 5px !important; width: 89%; } .chatBody ul li { list-style-type: none; margin-bottom: 10px; background-color: #fff; height: auto; padding: 6px 10px; position: relative; box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.05); border-radius: 5px; overflow: hidden; } .chatBody ul li h4 { display: inline-block; margin: 0 !important; font-size: 12px; line-height: 16px; } .chatBody ul li small { float: right; font-size: 9px !important; margin: auto; line-height: 19px; color: rgba(8, 23, 49, 0.5) !important; } .chatBody ul li span { display: block; color: #081731; font-size: 11px; line-height: 15px; } .chatBody ul li img { height: 30px; width: 30px; border-radius: 50%; text-align: center; } .Chat_body { height: calc(100vh - 150px); overflow: auto; } .chat_footer { padding: 10px 10px; background-color: #fff; position: relative; border: 0; height: 40px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } .chat_footer input { width: 100%; border: 1px solid #fff; color: #081731; font-size: 11px !important; height: 16px; padding: 0 10px; } input:focus { outline: none; } .chat_footer input::placeholder { color: rgba(8, 23, 49, 0.4); font-size: 11px; Line-height: 15px; } .modal-header .nav > li > a { position: relative; display: block; margin-right: 17px !important; line-height: 16px !important; padding: 13px 10px 7px 0; } .tab-pane { padding: 10px 20px; } .chatBody { padding: 10px 20px; height: calc(100vh - 150px) !important; overflow: auto; } .p-0 { padding: 0 !important; } .datepicker--pointer { display: none !important; } .asset_header.modal-header { padding: 10px 20px !important; border-bottom: 1px solid rgba(218, 222, 228, 1) !important; box-shadow: none !important; } .asset_header .close { position: absolute; right: 20px; top: 10px; opacity: 1; } .modal-title { font-weight: 600; font-size: 16px; } .table { margin-bottom: 0; background-color: #fff; width: 100% !important; } .sndBtn { position: absolute; top: 10px; right: 20px; } /*.navicn{ display:inline-block; padding:0; margin:0; mask:url(../Content/Img/) }*/ .collapsed-box { /*display:none; transition:all 0.3s ease; -webkit-transition: all 0.3s ease;*/ } .box-body .RadioMargin.btn { position: absolute; right: 7px; top: 20px; height: 28px; border-radius: 0; } .box-body .RadioMargin.btn img { vertical-align: text-top; } .RadioMargin.btn { /*user componenet address button*/ position: absolute; right: 10px; top: 21px; border-radius: 0; } .list-group-item.alert { padding: 5px 5px; margin-bottom: 3px; box-shadow: 0px 3px 6px #0B204626; } .list-group-item.alert .close { line-height: 12px; color: #0B2046 !important; font-size: 24px !important; opacity: 1; } .list-group-item span { font-size: 11px; font-weight: 400; } .form-row > [class*='col-'] { padding: 0 7px !important; } .form-row { margin: 0 -7px !important; display: flex; flex-wrap: wrap; } /*Breakdown BDdashboard page*/ .form-row > [class*="col-"] { padding-left: 7px; padding-right: 7px; } .dashboard-box { background-color: #fff; box-shadow: 0px 3px 6px rgba(14, 49, 77, 0.1); padding: 15px 15px 0 15px; margin-bottom: 15px; border-radius: 10px; } .surplusDashboard-box { background-color: #fff; box-shadow: 0px 3px 6px rgba(14, 49, 77, 0.1); padding: 15px 15px 0 15px; margin-bottom: 15px; border-radius: 10px; } .dashboard-head { color: #0B2046; margin-bottom: 15px; } .dashboard-head h2 { font-size: 14px; margin-top: 0; font-weight: 500; margin-bottom: 3px; line-height: 21px; color: #0B2046; } .dashboard-head p { font-size: 11px; margin-bottom: 0; line-height: 16px; color: #103478; opacity: .6; } .surplusDashboard-head { color: #0B2046; margin-bottom: 15px; text-align: center; padding: 10px 0 25px 0; border-bottom: 1px solid #EDEFF3; } .surplusDashboard-head h2 { font-size: 32px; margin-top: 0; font-weight: bold; margin-bottom: 15px; line-height: 21px; color: #5B1F7D; } .surplusDashboard-head p { font-size: 12px; margin-bottom: 0; line-height: 16px; color: #454C58; opacity: .7; } .BD-dashboard .dashboard-header p { font-size: 16px; margin: 0 0 20px 0 !important; color: #0B2046; line-height: 21px; } .dashboard-body { display: inline-block; width: 100%; } .surplusDashboard-body-body { display: flex; } .sitewaisList { display: inline-block; width: 100%; background-color: #fff; box-shadow: 0px 3px 6px #0E314D1A; border-radius: 10px; padding: 10px 15px 0 15px; border: 1px solid #EDEFF3; margin-top: 15px; position: relative; } .sitewaisList-head h2 { font-size: 14px; margin-top: 0; font-weight: 500; margin-bottom: 3px; line-height: 21px; color: #0B2046; } .sitewaisList-head p { font-size: 11px; margin-bottom: 0; line-height: 16px; color: #103478; opacity: .6; } .sitewaisList1 { display: inline-block; width: 100%; background-color: #fff; box-shadow: 0px 3px 6px #0E314D1A; border-radius: 10px; padding: 10px 15px 0 15px; border: 1px solid #EDEFF3; margin-top: 15px; position: relative; } .sitewaisList1-head h2 { font-size: 14px; margin-top: 0; font-weight: 500; margin-bottom: 3px; line-height: 30px; color: #0B2046; width: 80%; float: left; } .sitewaisList1-head span { font-size: 24px; margin-top: 0; font-weight: bold; margin-bottom: 10px; line-height: 30px; color: #5B1F7D; float: right; } .sitewaisList-body { display: flex; width: 100%; } .sitewaisList-body > div { width: 33.33%; float: left; position: relative; padding: 10px 0; text-align: left; } .sitewaisList-body > div::after { content: ''; position: absolute; right: 15px; top: 25%; height: 50%; border-right: 1px solid #EDEFF3; } .sitewaisList-body > div:last-child::after { content: ''; position: absolute; right: 0px; top: 25%; height: 50%; border-right: 0; } .sitewaisList-body h2 { font-size: 25px; margin-bottom: 0; margin-top: 0; font-weight: 600; line-height: 26px; } .sitewaisList-body p { font-size: 10px; margin-bottom: 5px; opacity: .8; } /* for lightBluemix */ .item-lightbluemix h2 { color: #8db4fb; } .item-lightbluemix p { color: #8db4fb; } /* for ash */ .item-ash h2 { color: #9e9e9e; } .item-ash p { color: #9e9e9e; } /* for lightBlue */ .item-bluemix h2 { color: #1ea79a; } .item-bluemix p { color: #1ea79a; } /* for lightBlue */ .item-lightBlue h2 { color: #2e85ad; } .item-lightBlue p { color: #2e85ad; } /* for yellow */ .item-yellow h2 { color: rgba(206, 141, 45, 1); } .item-yellow p { color: rgba(206, 141, 45, 1); } /* for blue */ .item-blue h2 { /*color: #1C4491;*/ color: #20639b; } .chart-box .item-blue h2 { color: #695aa1; } .item-blue p { /*color: rgba(28, 68, 145, 0.8);*/ color: #20639b; } /* for violet */ .item-violet h2 { color: #372381; } .item-violet p { color: rgba(55, 35, 130, 0.8); } /* for orange */ .item-orange h2 { color: rgba(248, 127, 14, 1); } .item-orange p { color: rgba(248, 127, 14, 0.8); } /*for lavendar*/ .item-lavendar h2 { color: rgba(147, 19, 122, 1); } .item-lavendar p { color: rgba(147, 19, 122, 0.8); } /* for green */ .item-green h2 { /*color: #189159;*/ color: #7bbc9a; } .chart-box .item-green h2 { color: #485874; } .item-green p { /*color: rgba(24, 145, 89, 1);*/ color: #7bbc9a; } /* for red */ .item-red h2 { /*color: #D91E37;*/ color: #e46e53; } .chart-box .item-red h2 { color: #84579e; } .item-red p { /*color: #D91E37;*/ color: #e46e53; } /* for gray */ .item-gray h2 { /*color: #454C58;*/ color: #757595; } .chart-box .item-gray h2 { color: #ae4e9b; } .chart-box .item-darkblue h2 { color: #c989dc; } .item-gray p { /*color: #454C58;*/ color: #757595; } .dashboard-body h2 { font-size: 25px; margin-bottom: 0; margin-top: 0; font-weight: 600; line-height: 26px; } .dashboard-body p { font-size: 10px; margin-bottom: 0; opacity: .8; } .dashboard-body > div { width: 50%; float: left; position: relative; padding: 10px; } .Asset_request-dashboard > div { width: 33.33%; } .dashboard-body > div.mp-card { width: 100%; float: left; position: relative; padding: 10px; } .dashboard-body > div:first-child { } .dashboard-body > div.mp-card::after { content: ''; position: absolute; right: 0px; top: 25%; height: 50%; border-right: 0 !important; } .dashboard-body > div:first-child::after { content: ''; position: absolute; right: 0px; top: 25%; height: 50%; border-right: 1px solid #EDEFF3; } .dashboard-body > div:first-child::before { content: ''; position: absolute; left: 10%; bottom: 0; width: 80%; border-bottom: 1px solid #EDEFF3; } .Asset_request-dashboard > div:first-child::before { border-bottom: 0; } .dashboard-body > div:last-child::after { content: ''; position: absolute; left: 0px; top: 25%; height: 50%; border-right: 1px solid #EDEFF3; } .dashboard-body > div:last-child::before { content: ''; position: absolute; left: 10%; top: 0; width: 80%; border-top: 1px solid #EDEFF3; } .Asset_request-dashboard > div:last-child::before { border-top: 0; } .equpment-dashboard.dashboard-body > div:nth-child(n+2) { padding-left: 0 !important; } .surplusDashboard-body { display: inline-block; width: calc(100% + 15px); margin-right: -7px; } .surplusDashboard-body a div { width: calc(50% - 15px); position: relative; padding: 10px; float: left; background-color: #FAF5FC; margin: 0 15px 15px 0; border-radius: 10px; text-align: left; height: 95px; } .surplusDashboard-body a:hover div { width: calc(50% - 15px); position: relative; padding: 10px; float: left; background-color: #fcf3ff; margin: 0 15px 15px 0; border-radius: 10px; text-align: left; } .surplusDashboard-body h2 { font-size: 25px; margin-bottom: 15px; margin-top: 0; font-weight: 600; line-height: 26px; color: #5b1f7d; } .surplusDashboard-body p { font-size: 11px; margin-bottom: 0; opacity: .8; color: #5b1f7d; width: calc(100% - 20px); position: absolute; bottom: 10px; } .BD-dashboard { margin-top: 60px } .dashboardBoxHead { background-color: #F5F7FC; border: 0 !important; } .dashboardBoxHead1 { background-color: #FBF8FD; border: 0 !important; } .secand-header { background-color: #F5F7FC; display: flex; flex-wrap: wrap; padding: 15px 15px 0 15px; } .secand-header div { width: 33.33%; /*border-left: 1px solid #EDEFF3;*/ margin-bottom: 15px; text-align: left; } .devider4 div { width: 25%; } .secand-header div h2 { font-size: 25px; margin-bottom: 0; margin-top: 0; font-weight: 600; line-height: 26px; } .secand-header div p { font-size: 10px; margin-bottom: 0; opacity: .8; } .secand-header1 { background-color: #FBF8FD; display: flex; flex-wrap: wrap; padding: 15px 15px 0 15px; } .secand-header1 div { width: 100%; margin-bottom: 15px; } .secand-header1 div h2 { font-size: 36px; margin-bottom: 10px; margin-top: 0; font-weight: 600; line-height: 26px; } .secand-header1 div p { font-size: 11px; margin-bottom: 15px; opacity: .8; } @media (min-width: 1440px) { .container { max-width: 1250px; } } .alert-danger { /*color: #0B2046 !important;*/ color: #525567 !important; background-color: #ffdce2; /*background-color: #fdfaf6 !Important;*/ /*background-color: #fda57b !important;*/ border: 0 !important; box-shadow: 0px 3px 6px #00000029 !important; } .alert-danger .close { opacity: 1; top: 0px; font-size: 18px !important; color: #0B2046; right: 5px; } .alert-danger .close:hover { color: #0B2046 !important; } /*UI improvement*/ /*menu*/ .user-menu .menu-img .active, .user-menu.open .menu-img .Inactive { display: none; } .user-menu.open .menu-img .active { display: inline-block; } .menu-item a { padding: 3px 3px !important; } .menu-item a img { width: 100%; } .box-overlay { position: fixed; background-color: rgba(4, 17, 41, .1); opacity: 0; width: 100%; height: 100vh; overflow-y: hidden; z-index: -1; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .overlay-open { right: 0; opacity: 0.6; top: 0; z-index: 1000; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .box-info .box-body { height: calc(100vh - 150px) !important; padding: 0px 16px; margin-top: 7px; } .modal-pop { max-height: calc(100vh - 150px) !important; overflow-y: auto; padding: 0px 16px; margin-top: 7px; } .box-info .box-body.inside-footer { height: calc(100vh - 148px) !important; } .box-info .box-body.with-file-uploader { height: calc(100vh - 250px) !important; padding: 0px 16px; margin-top: 7px; } .box-info .box-body > .row { height: 100%; } .select2-container .select2-selection--single .select2-selection__rendered, .form-control { font-size: 13px !important; height: 28px; } .select2-container .select2-selection--single .select2-selection__rendered { margin-top: -7px; color: #0B2046; } .m-0 { margin: 0 !important; } .label-head { padding: 7px 0 0 0; } .label-head label { font-size: 13px; margin: 0; font-weight: 400; display: block; } .Signature-item { /*height: 48px; width: 100%;*/ width: 100px; height: 100px; border: 1px solid #f2f3f5; display: block; position: relative; } .Signature-item img { width: 100%; } .Signature-item button { height: 13px; width: 13px; border-radius: 0; border: 1px solid #e7ecef; position: absolute; background-color: #fff; right: -5px; text-align: center; padding: 0; border-radius: 50%; top: -5px; font-size: 8px; } .input-label-grp { margin-top: 3px; } .input-label-grp label { margin-right: 9px; font-size: 14px; } .box-info .box-header { padding: 10px 16px !important; border-bottom: 1px solid #dadee4; } .box-info .box-header h3 { font-size: 16px; line-height: 19px; font-weight: 600; } .box.box-primary { border-top-color: #3c8dbc; } .box.box-info.collapsed-box { right: -650px !important; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .box-close-btn { font-size: 15px; right: 20px; transform: translateY(-50%); top: 50%; position: absolute; border: 0; background-color: transparent; padding: 0; } .box.box-info.frmasset { border-top-color: transparent !important; background-color: #fff !important; box-shadow: 0px 3px 6px #0E314D1A; margin-bottom: 0 !important; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; position: fixed; width: 390px; right: 10px; z-index: 100; height: calc(100vh - 130px); top: 110px; } .box.box-info { border-top-color: transparent !important; background-color: #fff !important; box-shadow: 0px 3px 6px #0E314D1A; margin-bottom: 0 !important; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; position: fixed; width: 390px; right: 10px; z-index: 99999; height: calc(100vh - 20px); top: 10px; } .box.box-info.frmasset.box-sm { width: 290px; } .box.box-info.box-sm { width: 320px; } .box.box-info.box-md { width: 360px; top: 0; right: 0; border-radius: 0; height: 100%; } .box.box-info.box-lg { max-width: 520px; width: 100%; } .box.box-info.box-xl { max-width: 580px; width: 100%; } .box.box-info .row { margin-left: -7px !important; margin-right: -7px !important; } .box.box-info .row > [class*="col-"], .box.box-info [class*="col-"] { padding: 0 7px; } /*.box.box-info .box-body .form-control{ height:28px; line-height:28px; }*/ .box-info-footer { position: absolute; bottom: 0; width: 100%; padding: 10px 10px; right: 0; height: 48px; z-index: 99; background-color: rgba(227, 233, 242, 1); } .box-lg .box-info-footer { width: 390px; } .box-sm .box-info-footer { width: 320px; } .box-info-footer > .form-group { margin-bottom: 0; } .box-info-footer .form-group button { margin-bottom: 0 !important; } .box-info-footer > .form-group button { height: 28px; background-color: transparent; background-color: transparent !important; box-shadow: none !important; padding: 0 !important; min-width: 60px; font-weight: bold; color: #0B2046 !important; } .box-info-footer > .form-group button:hover { background-color: transparent !important; opacity: 0.7; } .box-info-footer > .form-group button:nth-child(2) { opacity: 0.5; } .fullPageFooter > .form-group button { height: 28px; background-color: #f87f0e !important; box-shadow: none !important; padding: 0 !important; min-width: 60px; color: #fff !important; margin: 0 7px; } .fullPageFooter > .form-group button:hover { background-color: rgba(248, 127, 14, 0.8) !important; } .fullPageFooter > .form-group button:nth-child(2) { background-color: #7a8599 !important; } @media (max-width:576px) { .box.box-info { right: 0px; width: 100% !important; } } .user-img { width: 20px; display: inline-block; height: 20px; vertical-align: inherit; margin-right: 7px; background-color: #bcd1de; border-radius: 50%; overflow: hidden; } .user-img p { margin-bottom: 0; color: #4341e0; font-weight: 600; font-size: 10px; letter-spacing: 1px; text-align: center; line-height: 20px; display: none; } .user-img.user-letter p { display: block; } .user-img.user-letter img { display: none; } .user-img img { width: 20px; } .header-field { display: block; overflow: hidden; width: 100%; padding-right: 7px; margin-right: 7px; } .header-field .form-head { font-size: 13px; } .form-head { font-size: 12px; color: #7f7f7f; line-height: 22px; margin: 0px 0 7px 0; background-color: #fff; padding-left: 7px; position: relative; } .form-head:after { content: ''; position: absolute; width: 900%; height: 1px; display: inline-block; margin-left: 4px; /* top: 11px; */ transform: translateY(-50%); top: 53%; background-color: #dadee4; } .form-btn-grp { width: 100%; display: block; text-align: center; padding: 15px 0 0 0; } .action-btn-grp { display: flex; } .action-btn-grp button:first-child { margin-right: 10px; } .form-table { display: block; width: 100%; overflow-x: auto; margin-top: 10px; box-shadow: 0px 1px 6px 4px #0E314D1A; } .form-table table tbody tr td.remarks { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 150px; } .form-btn-grp button:hover { opacity: 0.8; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .form-btn-grp .add-btn, .form-btn-grp .cancel-btn { height: 30px; border-radius: 0; margin: 0 3px; min-width: 80px; font-size: 13px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .form-btn-grp .add-btn { background-color: #ec934c; border: 0; min-width: 80px; font-size: 13px; color: #fff; } .form-btn-grp .cancel-btn { min-width: 80px; border: 0; } .box-body .form-row > [class*="col-"] { padding: 0 !important; } .box-body .form-row > [class*="col-"] > [class*="col-"] { padding: 0 7px; } .box-tools { position: absolute; top: 50%; transform: translateY(-50%); right: 0; z-index: 10; } .status-report-btns { margin-top: 22px; display: flex; } .status-report-btns .btn { margin: 0 5px !important; } .row { margin-right: -10px; margin-left: -10px; flex-wrap: wrap; display: flex; width: 100%; } .dropdown-menu { padding: 2px !important; } .dropdown-menu:before, .dropdown-menu:after { content: ""; position: absolute; display: block; width: 0; height: 0; border-width: 7px 8px; border-style: solid; border-color: transparent; z-index: 1001; } .dropdown-menu:after { top: -13px; left: 20px; border-bottom-color: #fff; } .dropdown-menu:before { top: -14px; left: 20px; border-bottom-color: rgba(202, 200, 200, 0.15); } .dropdown-menu-arrow:after { top: -13px; left: 50%; transform: translateX(-50%); border-bottom-color: #fff; } .dropdown-menu-arrow:before { top: -14px; transform: translateX(-50%); left: 50%; border-bottom-color: rgba(0,0,0,.15); } .datepicker-inline { display: none !important; } .m-0 { margin: 0 !important; } .file-download { z-index: 2; padding: 0; float: left; } .check-box-controller { margin: 7px 15px 7px auto; float: right !important; } .check-box-controller input[type="checkbox"] { display: inline-block; margin-left: 5px; } .box-auto { height: auto !important; padding-top: 15px; padding-bottom: 15px; } /*input:-internal-autofill-selected { background-color: #F2F3F5 !important; }*/ .datepicker { width: 200px !important; } /*assetsite movement page*/ .Asset-filters-labels { display: flex; flex-wrap: wrap; padding: 0 4px; } .Asset-filters-labels > span { font-size: 11px; line-height: 15px; color: #0B2046; border-radius: 12px; margin-top: 8px; margin-right: 5px; background-color: #E2E8F1; border: 1px solid #CBD6E6; padding: 4px 8px; } .Asset-filters-labels > span > button { font-size: 14px; margin-bottom: 0; padding: 0; color: #E9482E; background-color: transparent; margin-left: 4px; border: 0; } .select2-results__group { font-size: 12px; color: #0B2046; } .select2-container--default .select2-results__option .select2-results__option, .select2-results__option { font-size: 12px; } .command-text-section { display: block; background-color: #F2F3F5; padding: 10px; resize: none; width: 100%; height: 98px; border: 1px solid #E8ECF2; } .command-text-section:focus { border: 1px solid #E8ECF2 !important; outline: 0; border-radius: 0; } .description-text { max-width: 160px; overflow: hidden; text-overflow: ellipsis; } .description-text span { white-space: nowrap; } /*end assetsite movement page*/ /*attendance page*/ /*.w-25px, td.w-25px, th.w-25,*/ .date-selector { border: 0; color: rgba(9, 36, 58, 1); font-size: 16px; background-color: transparent !important; text-align: right; } .date-picker-item { z-index: 90; z-index: 90; position: relative; display: inline-block; transform: unset; } .date-picker-item { width: 210px; } .date-picker-item > div { width: 121px; margin-left: auto; height: 30px; padding: 0 8px; background-color: #e4eaf3; } .date-picker-item .datepicker-here { padding-right: 20px; float: right; line-height: 28px; background-position: right 0 center; } .date-selector:hover { cursor: pointer; } /*.date-selector:before{ content:'B'; position:absolute; display:block; left:0; top:10px; } .date-selector:after { content: 'B'; position: absolute; display: block; right: 0; top: 10px; }*/ .date-setting { color: rgba(9, 36, 58, 1); font-size: 16px; } .attenadnce-filter { padding: 0; width: calc(100% - 138px); display: block; margin-bottom: 20px; } .filter-fullwidth { width: 100% !important; } .attenadnce-filter label { font-size: 11px; color: #09243a; margin-bottom: 3px; font-weight: 300; opacity: 1; } .attenadnce-filter li { display: inline-block; list-style-type: none; width: 18%; margin-right: 1%; } .width-devide-6, .width-devide-7, .width-devide-8, .width-devide-5 { width: 100% !important; } .width-devide-8 li, .attenadnce-filter.btn-active li { width: calc(100% / 9) !important; margin-right: 0px !important; padding-right: 3px; } .attenadnce-filter.btn-active { width: calc(100% - 115px) !important; } .attenadnce-filter.active-updateStatus_Btn { width: calc(100% - 190px) !important; } .attenadnce-filter li .btn:first-child { margin-right: 7px; } .width-devide-5 li { width: calc(100% / 5.169) !important; margin-right: 0px !important; padding-right: 3px; } .width-devide-6 li { width: calc(100% / 6.169) !important; margin-right: 0px !important; padding-right: 3px; } .width-devide-7 li { width: calc(100% / 7.15) !important; margin-right: 0px !important; padding-right: 3px; } .mt-0 { margin-top: 0 !important; } .filter-fullwidth { display: flex; flex-wrap: wrap; } .filter-fullwidth li { /*width:18.7%;*/ width: calc(100% / 5); margin-right: 0; /*border-right: 5px solid transparent; border-left: 5px solid transparent;*/ padding-right: 7px; } .filter-width-4 { width: 100%; } .filter-width-4 li { width: calc(100% / 4.3); } .select2-container .select2-selection--multiple .select2-search__field { width: 100% !important; } .select2-selection__rendered .select2-search--inline:first-child { width: 100% !important; } .select2-container .select2-selection--multiple .select2-selection__rendered { border: 1px solid #e6e6e6; height: 35px; } .select2-container .select2-selection--multiple .select2-selection__rendered li { height: 100%; width: 100% !important; line-height: 35px; } .select2-container .select2-selection--multiple .select2-selection__rendered li > span { display: inline-flex; padding: 0; font-size: 13px; align-items: center; height: 18px; margin-top: 7px; /* line-height: 22px; */ justify-content: center; /*background-color: #eb7e25;*/ /*width: 18px;*/ color: #000; margin-right: 3px; border-radius: 50%; } .select2-container .select2-selection--multiple .select2-search__field { margin-top: 0; padding-left: 5px; height: 35px !important; overflow: visible; } .select2-container--default .select2-search--inline .select2-search__field::placeholder { overflow: visible; font-size: 13px; } .filter-width-4 .select2-container { min-width: 100%; } .filter-width-4 .status-report-btns { display: flex; top: 0px; height: 35px; position: relative; } .filter-col { padding-left: 5px; padding-right: 5px; } .attenadnce-filter li .btn { color: #fff; font-size: 12px; padding: 0 15px; border-radius: 0; height: 35px; background-color: rgba(248, 127, 14, 1); margin-top: 10px; } .width-devide-5 li .btn { margin-top: 0; } .attenadnce-filter + .box-tools { right: 10px; top: 40px; } /*.btn-active + .box-tools{ float:right; }*/ .attenadnce-filter + .box-tools .btn { height: 35px; } .search-width { width: 23% !important; } @media(max-width:640px) { .attenadnce-filter.active-updateStatus_Btn, .attenadnce-filter.btn-active { width: 100% !important; } .width-devide-8 li, .attenadnce-filter.btn-active li { width: calc(100% / 2.03) !important; } } /*.attenadnce-filter li:last-child { width: 12%; margin-right: 0 !important; text-align: right; }*/ .m-auto { margin: auto !important; } .attenadnce-filter li input { width: 100%; padding: 0 6px; font-size: 12px; border: 1px solid #E1E5EB; background-color: #fff; height: 35px !important; } .white-bg + .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: -3px; } .white-bg + .select2-container .select2-selection--single .select2-selection__rendered { margin-top: -4px; } .white-bg + .select2-container--default .select2-selection--single, .white-bg + .select2-selection .select2-selection--single { background-color: #fff !important; height: 35px !important; } .onclick-table tbody tr:hover { /*background-color: #f2f3f533;*/ background-color: #37579833; cursor: pointer; } .onclick-table tbody tr td:hover, .onclick-table tbody tr { cursor: pointer; } .table tbody tr td:first-child, .table thead tr th:first-child { width: 30px !important; padding-right: 15px !important; } .attendance-table tr td:nth-child(1), .attendance-table > thead > tr > th:nth-child(1) { padding-left: 20px !important; padding-right: 5px !important; } .attendance-table tr td:nth-child(n+3), .attendance-table > thead > tr > th:nth-child(n+3) { max-width: 25px !important; overflow: hidden; text-align: center; padding-left: 5px !important; padding-right: 5px !important; } @media only screen and (max-width:1308px) { table.attendance-table { display: block; width: 100%; overflow-x: auto; } } @media(min-width:1440px) { .filter-fullwidth li { width: calc(100% / 8); } .filter-width-4 li { width: calc(100% / 4.3); } } table.attendance-table .sorting_asc:after, table.attendance-table thead .sorting:after { display: none !important; } /*, .attendance-tabl tbody tr td:last-child, .attendance-tabl thead tr th:last-child*/ /*.attendance-tabl tbody tr td:nth-last-of-type(2), .attendance-tabl thead tr th:nth-last-of-type(2), .attendance-tabl tbody tr td:nth-last-of-type(3), .attendance-tabl thead tr th:nth-last-of-type(3) { padding-left: 7px !important; padding-right: 7px !important; width: 32px !important; }*/ .attendance-table tbody tr td { white-space: nowrap; } .d-flex { display: flex !important; } /*.attendance-tabl tbody tr td:last-child, .attendance-tabl thead tr th:last-child { padding-right: 26px !important; }*/ .attendance-tag, .asset-status { width: 20px; height: 20px; display: inline-block; position: relative; text-align: center; border-radius: 50%; border: 1px solid #DADEE4; background-color: #E4EAF3; } .attendance-tag.present { background-color: #1CAF6B; border: 1px solid #1CAF6B; color: #fff; } .attendance-tag.leave { background-color: #93137A; border: 1px solid #93137A; color: #fff; } .attendance-tag.holiday { background-color: #666; border: 1px solid #666; color: #fff; } .attendance-tag.apscent { background-color: #F87F0E; border: 1px solid #F87F0E; color: #fff; } .attendance-tag.accident { background-color: #454C58; border: 1px solid #454C58; color: #fff; } .asset-status.breakdowns { background-color: #D91E37; border: 1px solid #D91E37; color: #fff; } .asset-status.working { background-color: #1C4491; border: 1px solid #1C4491; color: #fff; } .asset-status.idle { background-color: #189159; border: 1px solid #189159; color: #fff; } .present-active .present, .leave-active .leave, .apscent-active .attendance { display: inline-block; } .present-active .leave, .present-active .apscent, .leave-active .present, .leave-active .apscent, .apscent-active .present, .apscent-active .leave { display: none !important; } .text-nowrap { white-space: nowrap; } /*.datepickers-container { left: -15px !important; }*/ /*.only-timepicker { width: 180px !important; }*/ .only-timepicker .datepicker--time-current { margin: 0 15px 0 0 !important; } .only-timepicker .datepicker--time-row, .only-timepicker .datepicker--time-row input[type='range'] { width: 95px !important; } .only-timepicker .datepicker--nav, .only-timepicker .datepicker--content { display: none; } .only-timepicker .datepicker--time { border-top: none; } /*end attenac epage*/ /*for brekdown report page modal detail*/ .braekdown-fixed-details { display: flex; flex-wrap: wrap; background-color: #fff; margin: 0 10px 10px 10px; padding: 5px 0; border-radius: 5px; } div.dataTables_wrapper div.dataTables_length select { width: 35px !important; } .chat-modal-dialog { max-width: 440px !important; } .report-downloader { box-shadow: #0E314D1A !important; background-color: #BBC5D8 !important; color: #103478; font-size: 12px; height: 29px; width: 130px; } .downloader.dropdown ul.dropdown-menu > li > a { background-color: #fff !important; font-size: 12px; box-shadow: none; } .downloader.dropdown ul.dropdown-menu > li > a:hover { padding: 10px 20px; background-color: rgba(223, 228, 238, 0.5) !important; box-shadow: none; } /*performance rating page*/ .rating-section { padding: 0; margin-top: 10px; } .rating-section li { display: inline-block; list-style-type: none; } .rating-section li button { background-color: transparent; border: 0; outline: 0; padding: 0; width: 20px; margin-bottom: 0; } .rating-star { height: 20px; width: 20px; display: block; background-image: url(../Content/Img/rating-star-icon.svg); background-repeat: no-repeat; background-position: center; background-size: 20px; } .rating-star.active { background-image: url(../Content/Img/rating-star-icon-active.svg) !important; } .splitter { height: 1px; width: 100%; margin: 22px 7px; padding: 0 7px; display: block; border-bottom: 1px solid rgba(11, 32, 70, .14); } /*end attenac epage*/ /*for brekdown report page modal detail*/ .braekdown-fixed-details { display: flex; flex-wrap: wrap; background-color: #fff; margin: 0 10px 10px 10px; padding: 5px 0; border-radius: 5px; } /*.slimScrollDiv { box-shadow: 0px 1px 6px 4px #0E314D1A; }*/ .marital-status { display: flex; margin-top: 10px; } .marital-status > label { display: inline-block; width: 40%; } .marital-status > label > input { display: inline-block; margin-right: 5px; } .chat-modal-dialog { max-width: 440px !important; } body.modal-open { margin-right: 0px; } .datepicker { opacity: 1; } /*for timeline asset movement*/ .box-info .box-body.box-without-footer { height: calc(100vh - 70px) !important; } .timelines { margin-top: 20px; font-size: 12px; position: relative; color: rgba(9, 36, 58, 1); } .timelines:before { position: absolute; content: ''; width: 3px; height: 100%; /* height: calc(100% + 50px); */ background-color: #d8e0f1; left: 15px; top: 25px; border-radius: 4px; } .box-title .d-block { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .d-block { display: block !important; } .d-none { display: none !important; } .timeline-month:before { position: absolute; content: ''; width: 13px; height: 13px; background: #93a0ad; border-radius: 100%; left: 9px; top: 6px; } .timeline-section { padding-left: 35px; display: block; position: relative; margin-bottom: 30px; } .text-center { text-align: center !important; } /*.timeline-date { margin-bottom: 4px; position: relative; display: block; color: rgba(9, 36, 58, 0.7); }*/ /*.timeline-section .col-sm-4 { margin-bottom: 15px; }*/ .timelines .box-icon { position: absolute; right: 5px; top: 0px; } .timelines .box-title { padding: 5px 15px; } .timelines ul { margin-bottom: 0; padding-left: 15px; } .timelines ul li { list-style-type: none; margin-bottom: 20px; } .timelines .box-title i { margin-right: 5px; } .timelines .box-content { padding: 10px 15px; border-radius: 5px; box-shadow: 0 0 12px rgba(173, 186, 197, 0.1); position: relative; } /*.timelines .box-content:before { content: ''; position: absolute; width: 12px; height: 12px; border-radius: 50%; background-color: #98a0a9; top: 20px; left: -40px; }*/ .timelines .box-content:after { content: ''; position: absolute; width: 8px; height: 8px; border-radius: 50%; background-color: #372381; top: 20px; left: -38px; } .timelines .box-content.current:after { content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background-color: #372381; top: 20px; left: -41px; padding: 4px; border: 3px solid #b5add0; box-shadow: 0px 0px 0px 2px #ebe9f2; } .timelines .box-content.next:after { background-color: #372381; border: 2px solid #fff; width: 10px; left: -39px; height: 10px; box-shadow: 0 0 0 1px #372381; } .timelines .box-content.current:before { content: ""; position: absolute; border-radius: 50%; width: 10px; height: 10px; left: -39px; top: 22px; background: #ebe9f2; animation: ripple 2s ease-in infinite; z-index: -1; } @keyframes ripple { 0% { transform: scale(1); opacity: .8; border-radius: 50%; overflow: hidden; } 50% { transform: scale(2.5); opacity: 0.4; border-radius: 50%; overflow: hidden; } 100% { transform: scale(4); opacity: 0; border-radius: 50%; overflow: hidden; } } .timelines .box-content strong { margin-right: 5px; } .timelines .box-item { margin-bottom: 5px; font-size: 12px; color: #65718a; } .timelines .box-item .timeline-location { color: #40516f; } .timelines .box-item .timeline-date { color: #ed983e; margin: 0; display: inline-block; } .timelines .box-content.next .box-item .timeline-date { color: #db58ea; } /*.timelines .box-footer { padding: 5px 15px; border-top: 1px solid #17191B; background-color: #444950; text-align: right; font-style: italic; }*/ /*updated css*/ .check-field-width { padding-left: 7px !important; padding-right: 7px !important; width: 32px !important; } .option-select-btn { width: 70px; border: 0; height: 28px; background-color: #f0aa38; font-size: 12px; } .selected-option-box { padding: 10px 10px 10px 10px; margin: -15px 0 0 0; border: 1px solid #e1e5e9; border-top: 0; } .selected-option-box li { display: inline-block; margin-right: 5px; margin-bottom: 10px; } .selected-option-box li span { font-size: 10px; padding: 3px 5px; border: 1px solid #ebecf0; background-color: #e8f0fe; border-radius: 10px; line-height: 14px; } .selected-option-box li button { border: 0; background-color: transparent; color: #372381; font-weight: 600; margin: 0; } .site-name { opacity: 0.7; } .input-legends { padding: 0; display: inline-block; float: right; position: relative; z-index: 100; margin: 4px -4em 0 0; } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .input-legends li { display: inline-block; list-style-type: none; margin-right: 15px; } .input-legends li > span { font-size: 13px; } .legend-block { height: 7px; width: 7px; display: inline-block; margin-right: 3px; } .legend-block.present { background-color: #1CAF6B; } .legend-block.Apsent { background-color: #F87F0E; } .legend-block.leave { background-color: #93137A; } .legend-block.accident { background-color: #454C58; } .legend-block.breakdown { background-color: #D91E37; } .legend-block.working { background-color: #1C4491; } .legend-block.idle { background-color: #189159; } .legend-block.holiday { background-color: #666; } @media(max-width:640px) { .input-legends { margin-right: 0; } } .radio-group > label { margin-right: 15px; font-size: 14px; } .radio-group > label > input { margin-right: 5px; } .box-info .box-tab-header { padding-bottom: 0 !important; } .box-tab-header .box-close-btn { top: 20px; } /*aside navbar*/ @keyframes swing { 0% { transform: rotate(0deg); } 10% { transform: rotate(10deg); } 30% { transform: rotate(0deg); } 40% { transform: rotate(-10deg); } 50% { transform: rotate(0deg); } 60% { transform: rotate(5deg); } 70% { transform: rotate(0deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } @keyframes sonar { 0% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(2); opacity: 0; } } /*body { font-size: 0.9rem; }*/ .page-wrapper .sidebar-wrapper, .sidebar-wrapper .sidebar-brand > a, .sidebar-wrapper .sidebar-dropdown > a:after, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:before, .sidebar-wrapper ul li a i, .page-wrapper .page-content, .sidebar-wrapper .sidebar-search input.search-menu, .sidebar-wrapper .sidebar-search .input-group-text, .sidebar-wrapper .sidebar-menu ul li a, #show-sidebar, #close-sidebar { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } /*----------------show sidebar button----------------*/ /*.show-sidebar { position: fixed; left: 0 !important; border-radius: 0 4px 4px 0px; width: 35px; transition-delay: 0.3s; }*/ .page-wrapper.toggled #show-sidebar { left: -40px; } /*----------------sidebar-wrapper----------------*/ .wrapper-content { /*margin-left: 230px;*/ margin-left: 65px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; /*width: calc(100% - 230px);*/ width: calc(100% - 65px); } aside { width: 230px; height: 100%; max-height: calc(100vh - 50px); position: fixed; background-color: #fff; /*background-color: #2c4155;*/ box-shadow: 0px 3px 6px #0B20461A; top: 50px; left: 0px; z-index: 999; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .sidebar-wrapper ul { list-style-type: none; padding: 0; margin: 10px 0 0 0; width: 100%; } .sidebar-wrapper ul > li > img { margin-left: 13px; } .sidebar-wrapper .sidebar-menu ul li img + a { padding: 5px 0px 15px 0px; display: inline-block; margin-left: 12px; } .sidebar-wrapper .sidebar-menu ul li img + a span { font-size: 14px; margin-left: 0; } /*.sidebar-wrapper ul > li > img + a { padding-left: 0; }*/ .sidebar-wrapper a { text-decoration: none; } /*----------------sidebar-content----------------*/ .sidebar-content { height: 100%; overflow-y: auto; position: relative; } .sidenav-collapse .sidebar-content, .sidenav-collapse .sidebar-menu { overflow: visible; } .sidebar-content.desktop { overflow-y: hidden; } /*--------------------sidebar-brand----------------------*/ .sidebar-wrapper .sidebar-brand { padding: 10px 20px; display: flex; align-items: center; } .sidebar-wrapper .sidebar-brand > a { text-transform: uppercase; font-weight: bold; flex-grow: 1; } .sidebar-wrapper .sidebar-brand #close-sidebar { cursor: pointer; s font-size: 20px; } /*--------------------sidebar-header----------------------*/ .sidebar-wrapper .sidebar-header { padding: 20px; overflow: hidden; } .sidebar-wrapper .sidebar-header .user-pic { float: left; width: 60px; padding: 2px; border-radius: 12px; margin-right: 15px; overflow: hidden; } .sidebar-wrapper .sidebar-header .user-pic img { object-fit: cover; height: 100%; width: 100%; } .sidebar-wrapper .sidebar-header .user-info { float: left; } .sidebar-wrapper .sidebar-header .user-info > span { display: block; } .sidebar-wrapper .sidebar-header .user-info .user-role { font-size: 12px; } .sidebar-wrapper .sidebar-header .user-info .user-status { font-size: 11px; margin-top: 4px; } .sidebar-wrapper .sidebar-header .user-info .user-status i { font-size: 8px; margin-right: 4px; color: #5cb85c; } /*-----------------------sidebar-search------------------------*/ .sidebar-wrapper .sidebar-search > div { padding: 10px 20px; } /*----------------------sidebar-menu-------------------------*/ .stellarnav { display: none !important; } .sidebar-wrapper .sidebar-menu { padding: 0; padding-bottom: 10px; } .sidebar-wrapper .sidebar-menu .header-menu span { font-weight: bold; font-size: 14px; padding: 15px 20px 5px 20px; display: inline-block; } .sidebar-menu { display: flex; height: calc(100vh - 50px); /*overflow-y: auto !important;*/ /*align-items:center;*/ } .sidebar-btn { width: 32px; border-radius: 0px; /*background-color: #F6F8FB;*/ background-color: transparent; border: 0; position: relative; /*margin-top: 10px;*/ margin-left: 12px; } .sidebar-wrapper .sidebar-menu ul li a { display: inline-block; width: 100%; color: #3d5163; /*color:#fff;*/ font-size: 12px; opacity: 1; text-decoration: none; position: relative; padding: 5px 0px 15px 23px; font-weight: 600; } .sidenav-collapse .sidebar-menu > ul > li > a + .sidebar-submenu ul li a { padding-left: 15px; } .sidebar-wrapper .sidebar-menu ul li.current a { opacity: 1; } .sidebar-wrapper .sidebar-submenu ul > li > a { padding: 7px 30px 7px 0px; opacity: 1 !important; background-color: #fff; /*color: #0d243a;*/ color: #3d5163; font-weight: 400 !important; } .sidebar-wrapper .sidebar-submenu ul { padding: 0 !important; margin: 0; } .sidebar-wrapper .sidebar-submenu ul li.active a { color: #3d5163; /*color:#fff;*/ background-color: #f8f9fa; } .sidebar-wrapper .sidebar-submenu ul li.active { border-left: 2px solid #eb7e25; background-color: #f8f9fa; } .sidenav-collapse .sidebar-menu ul .sidebar-dropdown:last-child sidebar-submenu { top: unset !important; bottom: 10px; } .sidenav-collapse .sidebar-wrapper .sidebar-submenu ul li { width: 100%; } .sidenav-collapse .sidebar-wrapper .sidebar-submenu ul li.active, .sidenav-collapse .sidebar-wrapper .sidebar-submenu ul li.active a { background-color: #fff; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after { display: inline-block; color: rgba(11, 32, 70, 0.5); border-right: 1px solid currentcolor; border-bottom: 1px solid currentcolor; content: ''; width: 6px; height: 6px; transform: rotate(45deg); right: 15px; top: 11px; position: absolute; margin-right: 0; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .sidebar-dropdown > a > span { font-size: 13px; margin-left: 10px; font-weight: 500; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu ul { padding: 5px 0; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li { padding-left: 25px; font-size: 13px; border-bottom: 1px solid #f8f9fa; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li:hover, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a:hover { background-color: #f8f9fa; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .sidebar-wrapper .sidebar-menu ul li a span.label, .sidebar-wrapper .sidebar-menu ul li a span.badge { float: right; margin-top: 8px; margin-left: 5px; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .badge, .sidebar-wrapper .sidebar-menu .sidebar-dropdown .sidebar-submenu li a .label { float: right; margin-top: 0px; } .sidebar-wrapper .sidebar-menu .sidebar-submenu { display: none; position: relative; } .sidenav-collapse .sidebar-menu > ul > li > a:hover + .sidebar-submenu, .sidenav-collapse .sidebar-menu ul li a + .sidebar-submenu:hover { overflow: visible !important; margin-left: 0; min-width: 165px; left: 55px; display: block !important; top: 10px; z-index: 10; /*background-color: #F6F8FB;*/ border-left: 10px solid transparent; position: absolute !important; /*background-color: #fff;*/ } .sidenav-collapse .sidebar-menu > ul > li > a:hover + .sidebar-submenu.top_pos, .sidenav-collapse .sidebar-menu ul li a + .sidebar-submenu.top_pos:hover, .sidenav-collapse .sidebar-menu > ul > li > a:hover + .sidebar-submenu.open-bottom, .sidenav-collapse .sidebar-menu ul li.top_pos a + .sidebar-submenu.open-bottom:hover { top: unset; bottom: 0; left: 55px; } .sidenav-collapse .sidebar-menu > ul > li > a:hover + .sidebar-submenu.center_pos, .sidenav-collapse .sidebar-menu ul li a + .sidebar-submenu.center_pos:hover, .sidenav-collapse .sidebar-menu > ul > li > a:hover + .sidebar-submenu.open-bottom, .sidenav-collapse .sidebar-menu ul li.center_pos a + .sidebar-submenu.open-bottom:hover { position: fixed !important; max-width: 270px; top: 50%; transform: translateY(-50%); left: 55px; } .sidenav-collapse .sidebar-menu > ul > li > a:hover + .sidebar-submenu.top_pos ul, .sidenav-collapse .sidebar-menu ul li a + .sidebar-submenu.top_pos:hover ul { flex-direction: column-reverse; } .sidenav-collapse .sidebar-menu .sidebar-submenu ul { background-color: #fff; display: flex; flex-wrap: wrap; box-shadow: 6px 3px 6px 4px #0E314D1A; } .sidemenu-head { display: none; } .sidemenu-head span { font-size: 12px; opacity: 1; font-weight: 500; margin-left: 15px; } .sidenav-collapse li.sidemenu-head { display: block; background-color: #f8f9fa !important; padding-top: 5px; padding-bottom: 5px; position: relative; } /*.sidenav-collapse .sidebar-submenu:after { position: absolute; left: -11px; top: 8px; transform: rotate(270deg); width: 0; height: 0; content: ''; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 9px solid #f8f9fa; }*/ /*.sidebar-submenu { background-color: rgb(221 227 232 / 0.2); }*/ .sidenav-collapse .sidebar-menu ul li a:hover + .sidebar-submenu li { padding-left: 0px !important; } .sidenav-collapse .sidebar-menu ul li a + .sidebar-submenu li { padding-left: 0px !important; } .sidenav-collapse .sidebar-menu ul li a + .sidebar-submenu li a:hover { background-color: #f6f8fb99; opacity: 1 !important; } .sidenav-collapse .sidebar-menu ul li a + .sidebar-submenu:hover { display: block !important; } .sidenav-collapse .sidebar-menu ul li { position: relative; display: block; } /*.sidenav-collapse .sidebar-menu ul li a + .sidebar-submenu{ display:block !important; }*/ .sidebar-wrapper .sidebar-menu .sidebar-dropdown.active > a:after { transform: rotate(227deg); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .sidenav-collapse .sidebar-submenu { display: none !important; } .sidenav-collapse aside { width: 65px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .sidenav-collapse .wrapper-content { margin-left: 65px; width: calc(100% - 65px); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .sidenav-collapse .sidebar-wrapper .sidebar-menu > ul > li > a { padding-right: 0; padding-left: 0px; display: block; text-align: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .sidenav-collapse .sidebar-menu li > a > span { visibility: hidden !important; } .sidenav-collapse .sidebar-wrapper .sidebar-menu > ul > li > a:hover:after { position: absolute; right: -11px; visibility: visible !important; top: 8px; transform: rotate(270deg) !important; width: 0; height: 0; content: unset !important; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 9px solid #f8f9fa; } .sidenav-collapse .sidebar-wrapper .sidebar-menu > ul > li > a:hover, .sidebar-wrapper .sidebar-menu > ul > li > a:hover { background-color: #f8f9fa; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .sidenav-collapse .sidebar-wrapper .sidebar-submenu ul > li > a { opacity: 1 !important; } .sidebar-menu > ul > li.current.sidebar-dropdown > a { border-left: 2px solid transparent; background-color: #eaf2fa; } .sidenav-collapse .sidebar-menu > ul > li.current > a, .sidebar-menu > ul > li.current > a { opacity: 1 !important; background-color: #f8f9fa; border-left: 2px solid #eb7e25; } .sidenav-collapse .sidebar-wrapper .sidebar-menu .sidebar-dropdown > a:after, .sidenav-collapse .sidebar-menu li > a > span, .sidenav-collapse .sidebar-menu li > img + a { /*font-size: 10px !important; display: block; margin-left:0 !important;*/ position: absolute; visibility: hidden; transition: all 0.01s ease; } .sidebar-menu li > a > p { display: none; } .sidenav-collapse .sidebar-menu li > a > p { display: block; font-size: 9px; margin-bottom: 0; margin-top: 5px; } .filter-section { padding: 0; margin: 15px 0 0 0; } .filter-section li { list-style-type: none; display: inline-block; margin-right: 15px; width: calc(100% / 6); } .filter-section li .form-group { margin-bottom: 0; } .filter-section li .select2-container--default .select2-selection--single, .filter-section li .select2-selection .select2-selection--single { background-color: #fff; } .Site-Drtail-tree { padding: 0; margin: 0; } .Site-Drtail-tree li { list-style-type: none; font-size: 13px; } .Site-Drtail-tree li label input { display: inline-block; margin-right: 5px; } .Site-Drtail-tree li ul li label { font-weight: 400 !important; margin-bottom: 7px; } .Site-Drtail-tree > li label { font-weight: 600 !important; margin-bottom: 12px; } .Site-Drtail-tree > li > ul { padding-left: 20px; } .Site-Drtail-tree input.checkbox-filter-controller { background-color: #fff; } .Site-Drtail-tree input.checkbox-filter-controller[type=checkbox]:checked:after { left: 7px; height: 7px; border: 1px solid #fff; border-radius: 0; background-color: #103478; } .Site-Drtail-tree input.checkbox-filter-controller[type=checkbox].checked:after { content: ""; display: block; width: 0px; height: 6px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(90deg); position: absolute; top: 4px; left: 6px; } /*.Site-Drtail-tree input.checkbox-filter-controller[type=checkbox]:before, .Site-Drtail-tree input.checkbox-filter-controller[type=checkbox] { width: 12px; height: 12px; }*/ .Site-Drtail-tree input.check-filter[type=checkbox]:checked:after { content: ""; display: block; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 1px; left: 5px; } .Site-Drtail-tree input.checkbox-filter-controller[type=checkbox]:checked:after { content: ""; display: block; width: 1px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); position: absolute; top: 2px; left: 6px; } input.checkbox-filter-controller[type=checkbox]:checked:before { border: 1px solid #0B2046; border-radius: 0; background-color: #103478; } /*.Site-Drtail-tree input.check-filter[type=checkbox]:checked:after { top: 0px; left: 0px; background-color: #fff; width: 12px; border: 1px solid #D7DCE5; height: 12px; }*/ .Site-Drtail-tree input.check-filter[type=checkbox]:before, .Site-Drtail-tree input.check-filter[type=checkbox], .Site-Drtail-tree input.checkbox-filter-controller[type=checkbox]:before, .Site-Drtail-tree input.checkbox-filter-controller[type=checkbox] { width: 12px; height: 12px; } .sidebar-wrapper .sidebar-menu .sidebar-dropdown.no-child > a:after { content: none; } @media(max-width:1024px) { .user-menu .dropdown-menu:before, .user-menu .dropdown-menu:after { border-bottom-color: transparent; } .user-menu .dropdown-menu-center { left: unset !important; } .dashboard-body h2 { font-size: 20px; } } @media (max-width: 767px) { .col-md-12 { width: 100%; } .sidenav-collapse aside { margin-left: -80px; } .sidenav-collapse .wrapper-content { width: 100%; margin-left: 0; } aside { left: 0px; } .wrapper-content { margin-left: 60px; width: calc(100% - 60px); } } @media(max-width:1023px) { .attenadnce-filter li { width: calc(100% / 4) !important; } } @media(max-width:768px) { .table-responsive { width: 100% !important; display: block; overflow-x: auto; } .attenadnce-filter li { width: 23% !important; margin-bottom: 7px; } .attenadnce-filter li { width: calc(100% / 4.1) !important; } } @media(max-width:640px) { .table thead:first-child tr:first-child th:first-child { padding-right: 25px !important; } .table { display: block; width: 100%; overflow-x: auto; } .attenadnce-filter { width: 100%; } .attenadnce-filter li { width: 110px !important; } .attenadnce-filter li { width: calc(100% / 3) !important; } .attenadnce-filter + .box-tools { position: relative; top: 0; transform: unset; text-align: right; } .attenadnce-filter + .box-tools .btn { margin-bottom: 10px; } } @media(max-width:567px) { .attenadnce-filter li { width: 48% !important; margin-bottom: 7px; } .attenadnce-filter li { width: calc(100% / 2.03) !important; padding: 0 !important; } .attenadnce-filter + .box-tools { right: 0; } } .remarksCard { margin: 10px 7px; padding: 0; list-style-type: none; } .remarksCard li { background-color: #e8edf8; border-radius: 10px; padding: 6px 15px; box-shadow: 0px 1px 6px 4px rgba(196, 202, 217, 0.2); margin-bottom: 15px; } .remarksCard li p { font-size: 12px; color: #09243a; } .remarksCard li small { font-size: 10px; color: #0b2046; opacity: .6; } .fullpageTab > .assetTabs { background-color: #fff; padding-top: 12px; /*box-shadow: 0px 3px 10px 0px #0E314D1A;*/ margin-bottom: 15px; } .fullpageTab { position: relative; } .dd { position: absolute; padding: 20px; width: 20px; box-sizing: border-box; color: #FFF; height: 20px; right: 20px; top: -5px; } h1 { margin: 0; padding: 0; float: left; font-size: 26px; } small { font-size: 14px; color: #666; font-weight: normal; } svg { height: 24px; width: 24px; } svg circle { fill: #A1A4AA; } .dd-menu { position: absolute; top: 80%; right: 5px; z-index: 1000; font-size: 14px; text-align: left; background-color: #fff; border-radius: 4px; box-shadow: 0 6px 12px rgba(0,0,0,0.175); background-clip: padding-box; -webkit-transition: all 0.2s ease; opacity: 0; -webkit-transform-origin: right top 0px; -webkit-transform: scale(0); } .dd-menu ul { min-width: 160px; padding: 0; margin: 2px 0 0; list-style: none; position: relative; } .dd-menu.active { opacity: 1; -webkit-transform-origin: right top 0px; -webkit-transform: scale(1); } .dd-menu li { color: #666; margin: 0; padding: 5px 0 5px 15px; list-style: none; opacity: 0; transform: translateY(0px); } .dd-menu li img { margin-right: 5px; } .dd-menu li { -webkit-transition: all 0.3s ease; transform: translateY(-30%); } .dd-menu.active li { opacity: 1; transform: translateY(0px); } .empty-report { width: 100%; min-height: 320px; display: flex; align-items: center; justify-content: center; background-color: #fff; } .form-content { margin-bottom: 10px; } .form-content label { font-size: 12px; margin-bottom: 0; margin-right: 15px; display: inline-block; line-height: 16px; font-weight: 500; } .form-content p { font-size: 12px; display: inline-block; line-height: 16px; margin-bottom: 0; text-align: right; float: right; font-weight: 400; } .d-inline-block { display: inline-block !important; } .nowrap tr th, .nowrap tr th p, .nowrap tr td, .nowrap tr td p { white-space: nowrap; margin-bottom: 0; } .table tbody tr td > div:focus { outline: 0 !important; } .fw-500 { font-weight: 600 !important; } .f11 { font-size: 11px; } .th-inline p { display: inline-block; } .remarks { max-width: 230px; } .popover { border: 0; outline: 0; background-color: #fff; } .popover-content { padding: 9px 14px; background-color: rgb(12 32 70 / 0.5); margin: -1px; border-radius: 3px; } .popover.top .arrow:after { border-top-color: transparent !important; } .popover.right .arrow:after { border-right-color: transparent !important; } .popover.left .arrow:after { border-left-color: transparent !important; } .popover.bottom .arrow:after { border-bottom-color: transparent !important; } .popover.top .arrow { border-top-color: #838fa2 !important; } .popover.right .arrow { border-right-color: #838fa2 !important; } .popover.left .arrow { border-left-color: #838fa2 !important; } .popover.bottom .arrow { border-bottom-color: #838fa2 !important; } .popover { z-index: -1; } .popover.in { z-index: 99; } .popover .form-content p, .popover .form-content label { color: #fff; text-transform: capitalize; } .tooltip-content { padding-right: 12px; /*background-image: url(../Content/Img/view.png);*/ background-size: 12px; background-position: right 0 center; background-repeat: no-repeat; } .ellipsis-wrap-text { display: -webkit-box; /*max-width: 230px;*/ white-space: break-spaces !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .arrow { display: none; } .tooltip-content { display: flex; } .tooltip-content > img { width: 15px; float: right; height: 15px; margin-top: 10px; margin-left: auto; } .tooltip-content:hover { cursor: pointer; } .w-165 { width: 165px; min-width: auto; } .w-180 { width: 180px; } .w-200 { width: 200px; } .w-220 { width: 220px; } .text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .select2lblerror { position: absolute; top: -6px; z-index: 10; right: 5px; background-color: white; padding: 0px 5px; line-height: 10px !important; } .w-125 { width: 125px; } .input-devider { display: flex; } .input-devider .form-control { width: 48%; } .input-devider .form-control:last-child { margin-left: auto; } .w-100 { width: 100% !important; } .w-50 { width: 50% !important; } .document-table th, .document-table td { width: 59px !important; } .stautory-row > [class*="col-"], .stautory-row > [class*=col-] { margin-bottom: 20px; } .m-0 { margin: 0 !important; } .statutory-dashboard .dashboard-body > div::after { content: ''; position: absolute; right: 0px; top: 25%; height: 50%; border-right: 1px solid #EDEFF3; } .statutory-dashboard .dashboard-body > div { text-align: center; } .statutory-dashboard .dashboard-body > div:nth-of-type(5)::before, .statutory-dashboard .dashboard-body > div:nth-of-type(6)::before, .statutory-dashboard .dashboard-body > div:nth-of-type(7)::before, .statutory-dashboard .dashboard-body > div:nth-of-type(8)::before { content: ''; position: absolute; left: 10%; top: 0; width: 80%; border-top: 1px solid #EDEFF3 !important; } .statutory-dashboard .dashboard-body > div:last-child::after { border-right: 0; border-top: 0; content: ''; } .statutory-dashboard .dashboard-body > div:last-child::before { border-top: 0; content: ''; } .statutory-dashboard .dashboard-body > div:nth-of-type(4)::after { border-right: 0 !important; border-top: 0 !important; } .statutory-dashboard .dashboard-body > div:first-child::before { border-bottom: 0; } .statutory-dashboard .dashboard-body > div { width: 25%; } .statutory-dashboard_new .dashboard-body > div { width: 33.333%; } /*.statutory-dashboard_new .dashboard-body > div p{ min-height:28px; }*/ .statutory-dashboard { height: 100%; } .statutory-dashboard .dashboard-body p { margin-bottom: 5px; } .statutoryList .sitewaisList-body { flex-wrap: wrap; } .statutoryList .sitewaisList-body > div::after { right: 0; } .statutoryList .sitewaisList-body > div { width: 25%; text-align: center; } .statutoryList .sitewaisList-body > div:nth-of-type(5):before, .statutoryList .sitewaisList-body > div:nth-of-type(6):before, .statutoryList .sitewaisList-body > div:nth-of-type(7):before, .statutoryList .sitewaisList-body > div:nth-of-type(8):before { content: ''; position: absolute; left: 10%; top: 0; width: 80%; border-top: 1px solid #EDEFF3; } .statutoryList .sitewaisList-body > div:nth-of-type(4):after, .statutoryList .sitewaisList-body > div:last-child:after { border-right: 0; } .attendance-box { width: 100%; padding: 15px 10px; background-color: #fff; box-shadow: 0px 1px 6px 4px #0E314D1A; margin-bottom: 10px; border-radius: 15px; overflow: hidden; } .attendance_description-box { display: flex; } .attendance_description { width: 100%; width: calc(100% - 25px); display: flex; flex-wrap: wrap; } .attendance-item { margin-bottom: 7px; padding: 0 10px; } .attendance-checkbox-list { width: 25px; } .attendance-item p { font-size: 12px; line-height: 1.428571429; margin-bottom: 0; color: #0B2046; } .attendance-item label { font-size: 11px; color: #0B2046; white-space: nowrap; margin-bottom: 3px; font-weight: 600; } .attendance-checkbox-list ul { height: 100%; padding: 0; margin: 0; } .attendance-checkbox-list ul li { display: block; text-align: center; list-style-type: none; height: calc(100% / 4); } /*.select2-container { min-width: 400px; }*/ ul[aria-multiselectable="true"] .select2-results__option { padding-right: 20px; vertical-align: middle; } ul[aria-multiselectable="true"] .select2-results__option:before { content: ""; display: inline-block; position: relative; height: 15px; width: 15px; border: 2px solid #e9e9e9; border-radius: 4px; background-color: #fff; margin-right: 7px; vertical-align: middle; } ul[aria-multiselectable="true"] .select2-results__option[role="group"]:before { content: unset; } ul[aria-multiselectable="true"] .select2-results__option[aria-selected=true]:before { font-family: fontAwesome; content: '✔'; color: #fff; background-color: #0c2046; border: 0; font-size: 10px; display: inline-block; padding-left: 3px; } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #fff; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #eaeaeb; color: #272727; } /*.select2-container--default .select2-selection--multiple { margin-bottom: 10px; }*/ /*.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-radius: 4px; }*/ .select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #f77750; border-width: 2px; } .select2-container--default .select2-selection--multiple { border-width: 2px; } /*.select2-container--open .select2-dropdown--below { border-radius: 6px; box-shadow: 0 0 10px rgba(0,0,0,0.5); }*/ .select2-selection .select2-selection--multiple:after { content: 'hhghgh'; } .select2-container--default .select2-selection--multiple .select2-selection__choice { width: auto !important; font-size: 10px; } .popover div { text-align: left !important; } .expiring_list-item { padding: 0; margin: 0; display: flex; flex-wrap: wrap; } .expiring_list-item li { list-style-type: none; margin: 0 30px 10px 0; display: flex; } .expiring_list-item label { font-weight: 400; opacity: 0.9; margin-bottom: 0; font-size: 13px; color: #09243a; line-height: 15px; } .expiring_list-item p { font-weight: 500; opacity: 1; margin-left: 3px; margin-bottom: 0; font-size: 13px; line-height: 15px; } .status-tag { font-size: 10px; min-width: 60px; padding: 3px 10px; color: #171717; line-height: 13px; text-align: center; border-radius: 15px; display: inline-block; text-transform: lowercase; } .status-tag:first-letter { text-transform: capitalize; } .tag-active { background-color: rgba(55, 35, 129, 0.2); } .tag-exit { background-color: #da534369; } .tag-Inactive { background-color: rgba(248, 127, 14, 0.2); } .tag-rejected { background-color: rgba(149, 19, 123, 0.2); } .tag-ChangeRequest { background-color: rgba(102, 102, 102, 0.2); } .tag-Intransit { background-color: rgba(248, 127, 14, 0.2); } .tag-Received { background-color: rgba(28, 175, 107, 0.2); } .select2-container--default .select2-selection--multiple, .select2-container--default.select2-container--focus .select2-selection--multiple { border-width: 0; height: 35px; } table.table.brder-set tr > td, table.table.brder-set tr > th, table.table.brder-set tr > th:first-child { border: 0 !important; border-right: 1px solid #E9E6DF !important; border-bottom: 1px solid #E9E6DF !important; padding-left: 10px; padding-right: 15px; } .select2-container--default .select2-selection--multiple .select2-selection__rendered { background-color: #fff; } button.btn.m-0 { margin: 0 !important; } .responsive-tbl { overflow-x: auto !important; width: 100%; } .renewal-icon { width: 16px; /* color: #1b2e51; */ filter: invert(14%) sepia(27%) saturate(1893%) hue-rotate(186deg) brightness(94%) contrast(92%); margin-right: 8px; } @media(max-width:767px) { .expiring_list-item li { margin: 0 15px 10px 0; } } /*.sidenav-collapse .sidebar-menu > ul > li:last-child > a + .sidebar-submenu{ height:150px; overflow-y:auto !important; } */ @media(min-width:1148px) and (max-width:1295px) { .PE-Dboard .surplusDashboard-body p { font-size: 11px; } } @media(min-width:1148px) { .PE-Dboard { max-width: 1170px; } .sidenav-collapse .PE-Dboard .surplusDashboard-body p { font-size: 11px; } } @media(min-width:1600px) { .PE-Dboard { max-width: 1560px; } .col-xl-2 { width: 16.666666666666664%; } .col-xl-2-half { width: 20%; } .col-xl-5 { width: 41.66666666666667%; } .col-xl-6 { width: 50%; } .col-xl-7 { width: 58.333333333333336%; } .col-xl-8 { width: 66.66666666666666%; } .col-xl-4 { width: 33.33333333333333%; } } .adding_btn { background-color: rgba(248, 127, 14, 1); border-radius: 0; font-weight: 500; color: #fff; min-height: 28px; margin-top: auto; margin-bottom: 10px !important; width: 28px; margin-left: 5px; border: 0; box-shadow: 0 3px 6px rgba(14,49,77,.1); transition: all 0.2s ease; } .assets_value-list { display: flex; padding: 0 22px; width: 100%; justify-content: space-between; align-items: center; min-height: 30px; /*background-color: rgba(239, 186, 127, 0.4);*/ background-color: #fff; box-shadow: 0px 3px 6px #0E314D1A; font-size: 12px; border-radius: 25px; margin-top: 10px; } .assets_value-list p { margin-bottom: 0; } .assets_value-list img { width: 110px; } .assets_value-list button { border: 0; background-color: transparent; padding: 0; margin-bottom: unset; } .chart-box { margin-bottom: 15px; } .chart-box > div:first-child { background-color: #fff; box-shadow: 0px 3px 6px rgba(14, 49, 77, 0.1); padding: 10px; overflow: hidden; visibility: visible; height: 100%; position: relative; } .chart-box-label { left: 50%; position: absolute; top: 50%; text-align: center; transform: translate(-50%, -50%); } .chart-bottom { flex-wrap: wrap; display: flex; align-items: flex-start; min-height: 200px; } .chart-bottom .chart-box > div:first-child > h2 { font-size: 14px; font-weight: 500; margin: 5px 0 15px 5px; } .chart-values { display: flex; font-size: 13px; padding: 0 15px; } .chart-values label { margin-bottom: 0; } .chart-values p { margin-bottom: 0; margin-left: auto; } .surplus > label > span { height: 7px; display: inline-block; background-color: #7555d6; width: 7px; } .requirements > label > span { height: 7px; display: inline-block; background-color: #e95e9a; width: 7px; } #report-chart { /* /* width: 100%; */ height: 90% !important; bottom: 25px; } .chart-bottom #report-chart { height: unset !important; } .chart-value { position: absolute; text-align: center; left: 50%; top: 40%; transform: translate(-50%, -50%); } .chart-value p { font-size: 14px; margin-bottom: 0; line-height: 18px; } .chart-value h2 { font-size: 36px; margin-bottom: 0; line-height: 40px; margin-top: 0; font-weight: 500; } .chart-detail { display: flex; display: flex; margin: 0 15px 5px 0; } .chart-detail-flex { display: flex; flex-wrap: wrap; margin: 10px 0; } .pie-chart-detail .chart-detail { width: 50%; margin-right: 0; padding: 0 3px; } .chart-detail label { margin-bottom: 0; font-weight: 400; font-size: 11px; } .chart-detail label span { height: 7px; width: 7px; display: inline-block; margin-right: 3px; } @media (max-width:1440px) { .pie-chart-detail .chart-detail label { font-size: 10px; } } @media (max-width:1024px) { .pie-chart-detail .chart-detail label { font-size: 9px; } } @media (max-width:768px) { .pie-chart-detail .chart-detail label { font-size: 10px; } } .value-item { width: unset !important; height: unset !important; } .bg-lowash { background-color: #695aa1; } .light-black { background-color: #84579e; } .bg-lightGreen { background-color: #ae4e9b; } .bg-lightBlue { background-color: #e8409b; } .bg-lightred { background-color: #fa9f4a; } .bg-lightOrange { background-color: #FFBC40; } .bgsolidGreen { background-color: #485874; } .bg-mixedBlue { background-color: #00bcd4; } .bg-present { background-color: #485874; } .light-Absent { background-color: #695aa1; } .bg-leave { background-color: #84579e; } .bg-pending { background-color: #ffd27f; } .bg-approved { background-color: #fbbf86; } .bg-Intransist { background-color: #c989dc; } .bg-holiday { background-color: #ae4e9b; } .dashboard-header { display: flex; height: 50px; align-items: center; } .dashboard-header .dropdown-item { font-size: 12px; padding: 8px 10px; } .Chartdashboard-header.dashboard-header p { margin-bottom: 0 !important; } .dashboard-header .dropdown { margin-left: auto; } .dashboard-header .dropdown .btn { background-color: rgba(12, 32, 70, 1); font-size: 13px; } .dashboard-header .open > .dropdown-menu { min-width: 120px; } .dropdown-item:focus { background-color: transparent !important; } .dashboard-header .dropdown .btn:hover, .dashboard-header .dropdown .btn:focus { background-color: rgba(12, 32, 70, 0.8) !important; } .dashboard-header .open > .dropdown-toggle::after, .dashboard-header .dropdown-toggle::after { color: #fff; } .float-right { float: right !important; } .Legends-head { display: flex; align-items: center; height: 40px; width: 100%; } .Legends-head.coDash { background-color: #E9E9E9; } .Legends-head-2.coDash { background-color: #E9E9E9; } .Legends-head-1 { display: flex; align-items: center; height: 40px; width: 100%; background-color: #E9E9E9; color: #fff !important; padding: 0px !important; } .Legends-head-2 { display: flex; align-items: center; height: 40px; width: 100%; background-color: #E9E9E9; } .Legends-head-3 { display: flex; align-items: center; height: 40px; width: 100%; background-color: #E9E9E9; color: #0B2046; } .Legends-head-3 h2 { font-size: 14px; font-weight: 500; margin: 0px 0 0px 15px; white-space: nowrap; } .Legend-head-1 .makingit-right { margin-left: auto; margin: 0; background-color: #B2C0D8 !important; } .asset-transfer-bg-4 { background-color: #fff !important; max-height: 430px; } .Legends-head-1 h2 { font-size: 14px; font-weight: 500; margin: 0px 0 0px 15px; white-space: nowrap; color: #0B2046; } .Legends-head-2 h2 { font-size: 14px; font-weight: 500; margin: 0px 0 0px 15px; white-space: nowrap; color: #0B2046; } .Legends-head .chart-detail-flex { margin: 0; margin-left: auto; } .Legends-head h2, .chart-box > div:first-child > h2 { font-size: 14px; font-weight: 500; margin: 0px 0 0px 15px; white-space: nowrap; } .eliminating-bottom-m { margin: 0px 15px 0px 0px !important; color: #0B2046; } .chart-box > div:first-child > h2 { margin-bottom: 10px; margin-top: 5px; } .col-md-2half { width: 20% !important; } @media(max-width:1024px) { .wrapper-content { margin-left: 65px; width: calc(100% - 65px); } .dropdown-toggle::after { margin-bottom: 3px; } } @media(max-width:640px) { .navbar-custom-menu .navbar-nav .dropdown-toggle.admin::after { margin-bottom: 9px; } .col-md-2half { width: 50% !important; } .tile-view .fa { bottom: 9px !important; } .chart-detail { margin: 0 8px 0px 0; } .Legends-head .chart-detail-flex { display: inline-flex; float: right; margin-left: 20px; align-items: center; } } @media (min-width: 768px) { .col-md-2half { width: 33.33333333333333% !important; } } @media (min-width: 992px) { .col-md-2half { width: 20% !important; } } .tile-view label { font-weight: 400; font-size: 13px; opacity: 0.7; } .tile-view h2 { font-size: 30px; font-weight: 600; /*color: #394d5f;*/ margin: 0; } .tile-view .fa { position: absolute; right: 15px; bottom: 15px; font-size: 40px; } .tile-view .fa-cubes { color: #394d5f; } .f-bold { font-weight: bold !important; } .form-control[readonly] { cursor: pointer !important; } .employe-search { width: 18px; } .d-table { display: table !important; } .ImportPreviewModal.in { display: flex !important; flex-wrap: wrap; min-height: 100vh; min-width: 100vw; align-items: start; justify-content: center; } .ImportPreviewModal .modal-dialog { max-width: 1200px; display: flex; padding: 0; width: 100%; height: calc(100vh - 60px); margin-top: 60px; } .table tr td p { margin-bottom: 0; } .ml-auto { margin-left: auto !important; } .ImportPreviewModal .modal-dialog .table tr td p, .ImportPreviewModal .modal-dialog .table tr td { white-space: nowrap; } .ImportPreviewModal .modal-dialog .modal-content { width: 100%; border-radius: 0; } .ImportPreviewModal .modal-dialog .modal-body { padding-right: 35px; } body.modal-open { overflow-y: hidden; } .topModalHead { width: 100%; position: fixed; height: 60px; align-items: center; display: flex; background-color: #000; left: 0; top: 0; padding: 0 20px; } .topModalHead button { border: 1px solid #fff; border-radius: 0; color: #fff; background-color: transparent; margin-left: 15px; } .topModalHead button:hover { background-color: #3c3c3c !important; border: 1px solid #fff; } .StatusModal .modal-dialog { } @media(min-width:767px) { .ImportPreviewModal .modal-dialog { max-width: 100%; display: flex; width: 100%; } .StatusModal .modal-dialog { max-width: 610px; width: 100%; } } .topModalHead ul { padding: 0; display: flex; margin: 0; color: #d0d0d0; } .topModalHead ul li { list-style-type: none; margin-right: 15px; } .box-body { position: relative; } .data-noFound { margin: 10px; text-align: center; margin-top: 0; background-color: white; /*min-height: calc(100vh - 200px);*/ width: 100%; display: flex !important; align-items: center; justify-content: center; min-height: calc(100vh - 230px); } .detailTable { margin-left: auto; } .tableHead { height: auto; align-items: start; } .detailTable .table tr td { white-space: nowrap; vertical-align: middle; } .detailTable .table tr td > span { height: 10px; width: 10px; display: inline-block; margin-right: 7px; } .ml-2 { margin-left: 12px; line-height: 25px; } /*.holidayTable thead tr th, .holidayTable thead:first-child tr:first-child th:first-child { background-color: #d5d5d5 !important; border-bottom: 1px solid rgba(217, 222, 226, 1); }*/ .holidayTable thead:first-child tr:first-child th:first-child input[type=checkbox] { margin-top: 0; } .holidayTable input[type=checkbox]:before { border: 1px solid #c2c2c2; background-color: #fff; } .box-datepicker { display: flex; flex-wrap: wrap; } .box-datepicker > .box-tools { position: unset; transform: unset; } /*assetmobilisation*/ .panel-default > .panel-heading + .panel-collapse .panel-body { background-color: #f2f3f5; } .SplitterBox .panel-default > .panel-heading { background-color: #fff; position: relative; } .SplitterBox .form-content label { display: block; margin-right: 0; } .SplitterBox .panel-group .panel + .panel { margin-top: 20px; } .SplitterBox .form-content p { float: unset; text-align: left; } .mobilizatonLeft .panel-default > .panel-heading a:hover, .mobilizatonLeft .panel-default > .panel-heading a:focus { color: #fff; } .mobilizatonLeft .panel-default > .panel-heading { background-color: #1c4491; color: #fff; border-radius: 0; } .mobilizatonLeft .panel-default .panel-heading label { color: #fff; } .mobilizatonLeft .panel-group .panel + .panel { border-top: 1px solid #173265; } .mobilisationTable > thead > tr > th { padding: 8px 7px; opacity: 0.8; text-align: left; font-size: 10px; } .mobilisationTable > tbody > tr > td { padding: 8px 7px; text-align: left; } .panel-collapse .mobilisationTable tr td input { text-align: left; height: 28px; max-width: 140px; } .mobilisationTable > tbody > tr > td:first-child, .mobilisationTable > tbody > tr > th:first-child { padding-left: 12px; } .panel-collapse .mobilisationTable tr td input:disabled { background-color: #d3d8e2; } .panel-collapse .mobilisationTable tr td .select2-container { width: 125px !important; } .panel-collapse .mobilisationTable tr td .select2-container--default .select2-selection--single { height: 28px; } .panel-collapse .mobilisationTable tr td .select2-container .select2-selection--single .select2-selection__rendered { margin-top: -5px; } .AddAssetBtn { background-color: #d8e0f3; height: 28px; border: 0; color: #4c6076; font-size: 10px; font-weight: 600; border-radius: 0; } .SearchBox { width: 100%; border: 1px solid transparent; height: 35px; position: relative; border-bottom: 1px solid #dadee4; background-color: #f2f3f5; padding: 0 10px 0 40px; font-size: 13px; background-image: url(../Content/Img/searche.png); background-size: 13px; background-repeat: no-repeat; background-position: left 18px center; } .regionTag { display: inline-block; } .regionTag { display: inline-block; position: relative; font-size: 12px; margin-left: 20px; } .regionTag:before { content: ''; display: inline-block; height: 5px; vertical-align: middle; width: 5px; border-radius: 50%; margin-right: 5px; } .regionTag.AssetName:before { background-color: #f88010; } .regionTag.RegionName:before { background-color: #214893; } .regionTag.SurplusDate:before { background-color: #fcc100; } .regionTag.Status:before { background-color: #00a65a; } .ml-0 { margin-left: 0 !important; } .pl-0 { padding-left: 0 !important; } .head_tag { font-size: 20px; line-height: 30px; margin: 0; position: relative; top: 50%; transform: translateY(-50%); } .transparent-btn { border: 0; background-color: transparent; padding: 3px 0 0 0; } .rowDevider .col { width: calc(100% / 5); } .rowDevider-6 .col { width: calc(100% / 6); } .themeBtn { background-color: #f87f0e; height: 35px; color: #fff !important; border: 0; padding: 0 15px; border-radius: 0; } .themeBtn:hover { color: #fff; } .flex-header { display: flex; flex-wrap: wrap; } .flex-header .box-tools { position: unset; margin-left: auto; transform: unset; display: flex; } .hoverable tr td:hover { cursor: pointer; } /*AllocationDetailModal*/ .header-list { display: flex; width: 100%; flex-wrap: wrap; padding: 0; margin: 0; } .header-list li { list-style-type: none; margin: 0 20px 0 0; } .header-list li.form-content label { display: block; margin-right: 0; font-weight: bold; font-size: 11px; } .header-list li.form-content p { text-align: left; margin: 0; display: block; float: unset; } input[type=checkbox].checkbox-filter-controller:checked:after { border: solid #fff; border-width: 0 2px 2px 0; } .AllocationDetailModal .close { position: absolute; right: 10px; top: 10px; font-size: 23px; } .AllocationDetailModal .modal-header { padding: 15px 20px; } .AllocationDetailModal table tr th { padding: 7px 10px; font-size: 11px; } .AllocationDetailModal table tr td { padding: 7px 10px; font-size: 11px; } .AllocationDetailModal table input[type=checkbox]:before { background-color: #d9dee2; } .AllocationDetailModal table input[type=checkbox] { margin-top: 0; } .modal-diolog-center { min-height: 100vh; display: flex; align-items: center; justify-content: center; } .AllocateBtn { height: 30px; padding: 0 15px; border: 0; background-color: #f87f0e; color: #fff; border-radius: 0; font-size: 11px; margin: 15px 0; } .CollapseToggleBtn { width: 25px; height: 25px; border: 0; border-radius: 50%; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); } .CollapseToggleBtn:before { height: 8px; width: 8px; border-top: 2px solid #686161; border-left: 2px solid #6c6262; display: block; content: ''; transform: rotate(405deg); margin-top: 2px; margin-left: 2px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .CollapseToggleBtn.collapsed:before { height: 8px; width: 8px; border-top: 2px solid #686161; border-left: 2px solid #6c6262; display: block; content: ''; transform: rotate(220deg); margin-top: -3px; margin-left: 2px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } @media(min-width:576px) { .AllocationDetailModal .modal-dialog { width: 100%; max-width: 760px; } } } .hoverable tr td:hover { cursor: pointer; } .item-pending { color: #ff555e; } .item-approved { color: #60e360; } .item-intransit { /* color: #faf05f;*/ color: #f5c775; } .w-210p, table.table tbody tr td.w-210p { width: 210px !important; } .allocationmodalTable { background-color: #fff; height: 35vh; } .AllocationDetailModal .modal-footer button { border-radius: 0; font-size: 12px; } .panel-collapse .hoverable tr:hover td { background-color: #e5e4f1; } .modal-headList { display: flex; padding: 0; margin: 0; } .modal-headList li { list-style-type: none; margin: 0 20px 0 0; } .modal-headList li label { margin-bottom: 3px; font-size: 11px; font-weight: 400; opacity: 0.8; } .modal-headList li p { font-weight: 500; } .modal-headList li label, .modal-headList li p { display: block; float: unset; text-align: left; } button.btn[disabled] { background-color: #8b8b8b; cursor: no-drop; } .select2-container--default .select2-results__option[aria-disabled=true] { display: none; } } .SplitterBox .panel-default > .panel-heading { background-color: transparent; border-color: transparent; position: relative; padding: 10px 20px; } .SplitterBox .panel { box-shadow: none; border-radius: 0; } .SplitterBox { display: flex; flex-wrap: wrap; width: 100%; min-height: calc(100vh - 135px); } .SplitterBox > .SlpitterLeft { width: 320px; background-color: #f2f3f5; box-shadow: 0px 3px 6px rgba(14, 49, 77, 0.2); } .SlpitterLeft .select2-container--default .select2-selection--single { background-color: transparent; border: 0; padding-left: 0; } .SlpitterLeft .select2-container .select2-selection--single .select2-selection__rendered { font-size: 20px !important; font-weight: 500; } .SlpitterLeft .select2-container--default .select2-selection--single .select2-selection__arrow { height: 25px; width: 25px; border-radius: 50%; background-color: #f2f3f5; } .SlpitterLeft .select2-container--default .select2-selection--single .select2-selection__arrow b { width: 9px; height: 9px; border-right: 2px solid currentcolor; border-bottom: 2px solid currentcolor; margin-top: -7px; margin-left: -5px; } .SlpitterLeft .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { margin-top: -3px; } .SplitterBox > .SplitterRight { width: calc(100% - 345px); margin-left: 25px; } .SplitterBox .panel-default .panel-heading label { font-size: 11px; color: rgba(11, 32, 70, 0.8); font-weight: 400; margin-bottom: 5px; } .SlpitterLeft .panel-body { padding: 15px 20px; } .SplitterBox .panel-default .panel-heading p { font-size: 18px; margin-bottom: 0; font-weight: bold; } .SlpitterLeft .panel-group .panel + .panel { margin-top: 0; border-top: 1px solid #dadee4; } .SplitterBox .panel-default .form-content label { font-size: 11px; color: #1c4491; font-weight: 400; margin-bottom: 2px; margin-right: 0; display: block; white-space: nowrap; } .SlpitterLeft .panel-default .form-content { margin-bottom: 15px; } .SplitterBox .panel-default .form-content p { font-weight: 500; font-size: 13px; float: unset; display: block; text-align: left; } .panelContentSet { border-bottom: 1px solid #dadee4; margin-bottom: 15px; } /*right aside box*/ .AddData { display: flex; height: 100%; align-items: center; justify-content: center; min-height: calc(100vh - 135px); } .AddDatabox { max-width: 188px; text-align: center; } .AddDatabox p { font-size: 14px; font-weight: 600; margin-bottom: 5px; } .AddDatabox span { font-size: 12px; color: #98a3ac; display: block; margin-bottom: 10px; } .AddDatabox button { background-color: #1c4491; color: #fff; height: 35px; font-size: 13px; font-weight: 500; padding: 0 15px; border: 0; } .checkboxListModal .modal-content { border-radius: 0; background-color: #fff; } .CheckBoxList { padding: 0; margin: 0; } .checkboxListModal .modal-body { padding: 0 0 0 0; } .checkboxListModal .modal-header { padding: 15px 20px !important; } .checkboxListModal .modal-footer { background-color: #d5ddec; height: 40px; padding: 0; } .checkboxListModal .modal-footer button { background-color: transparent; color: #0B2046; width: 100%; height: 100%; font-weight: bold } .CheckBoxList li { list-style-type: none; padding: 10px 20px; border-bottom: 1px solid rgba(218, 222, 228, 1); display: flex; } .CheckBoxList li.active { background-color: #fff5eb; } .CheckBoxList li.active input[type=checkbox]:before { border: 1px solid #f2c496; background-color: #ffd5ae; } .CheckBoxList li.active input[type=checkbox]:checked:after { border: solid #fcad64; border-top: 0; border-left: 0 !important; width: 5px; height: 10px; border-width: 2px; } .CheckBoxList li input[type=checkbox] { margin-left: auto; height: 21px; margin-top: 0; width: 21px; } .CheckBoxList li input[type=checkbox]:before { width: 21px; height: 21px; border: 1px solid #e4e4e4; } .CheckBoxList li input[type=checkbox]:checked:after { top: 4px; left: 8px; } .CheckBoxList li p { margin-bottom: 0; font-size: 12px; line-height: 21px; } .checkboxListModal .close { font-size: 28px; top: 16px; } .SplitterBox .panel-title > a { position: relative; display: block; } .SplitterRight .panel-title > a:after { content: ''; height: 9px; width: 9px; display: block; position: absolute; right: 8px; margin-top: 2px; top: 50%; transform: translateY(-50%) rotate(135deg); border-left: 2px solid #848b98; border-bottom: 2px solid #848b98; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .toggleBtn { height: 25px; width: 25px; display: block; position: absolute; right: 15px; margin-top: 0px; top: 50%; border: 0; transform: translateY(-50%); background-color: #f2f3f5; border-radius: 50%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .toggleBtn:after { content: ''; height: 9px; width: 9px; display: block; position: absolute; right: 8px; margin-top: 2px; top: 50%; transform: translateY(-50%) rotate(135deg); border-left: 2px solid #848b98; border-bottom: 2px solid #848b98; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .SplitterRight .panel-title > a:before { content: ''; height: 25px; width: 25px; display: block; position: absolute; right: 0px; margin-top: 0px; top: 50%; transform: translateY(-50%); background-color: #f2f3f5; border-radius: 50%; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; } .SplitterRight .panel-title > a.collapsed:after { transform: translateY(-50%) rotate(316deg); transition: all 0.3s ease; -webkit-transition: all 0.3s ease; margin-top: -2px; } .AddData.SplitterRight { background-color: transparent; } .AddDatabox { display: none; } .AddData .AddDatabox { display: block; } .hoverableLI li:hover { cursor: pointer; } .rowDevider { margin-left: -10px; margin-right: -10px; } .rowDevider .col { width: calc(100% / 5.2); padding: 0 10px; } .rowDevider .col:first-child { min-width: 200px; } .devider6 .col { width: calc(100% / 6.7); } .rowDevider .col:nth-last-child(2) { max-width: 135px; } /*.SplitterRight .panel-group[aria-multiselectable="true"] .panel { border: 1px solid #78a7f3; }*/ .SplitterRight .panel-body { background-color: #f2f3f5; overflow-x: auto; } .SplitterRight .panel-group .panel { border-radius: 0; box-shadow: 0px 3px 6px rgba(14, 49, 77, 0.2); } .SplitterRight .panel-group .panel + .panel { margin-top: 15px; } .panel-collapse table tr td { white-space: nowrap; text-align: center; } .panel-collapse table tr th { text-align: center; } .panel-collapse table tr th:first-child, .panel-collapse table tr td:first-child { text-align: left; } .panel-collapse table tr td input { background-color: #f2f3f5; border: 1px solid rgba(232, 236, 242, 1); max-width: 80px; height: 28px; padding: 0 7px; border-radius: 0; font-size: 12px; text-align: center; } .w-max-50 { max-width: 35px !important; } .AssetplanningTable tr td .select2-container { width: 75px !important; } .AssetplanningTable tr td .select2-container .select2-selection--single .select2-selection__rendered { height: 22px; font-size: 12px !important; } .panel-collapse table tr td .select2-container--default .select2-selection--single { /* height: 22px;*/ text-align: left; padding: 5px 7px; } .panel-collapse table tr td .select2-container--default .select2-selection--single .select2-selection__arrow { top: 3px; } /*.AssetplanningTable tr td .select2-container--default .select2-selection--single .select2-selection__arrow { height: 22px; }*/ .flex-header { display: flex; } .flex-header .btn-box-tool { display: flex; } .flex-header .btn-box-tool, .themeBtn { background-color: rgba(248, 127, 14, 1); border-radius: 0; align-items: center; font-weight: 500; color: #fff; padding: 7px 15px; box-shadow: 0 3px 6px rgb(14 49 77 / 10%); transition: all 0.2s ease; } .themeBtn:hover { color: #fff; } .flex-header .btn-box-tool + button { margin-left: 10px; } .bgBlueBtn { background-color: #103478 !important; border: 0; color: #fff; font-size: 12px; border-radius: 0; padding: 0 20px; } .bggrayBtn { background-color: #4b5b77 !important; border: 0; color: #fff; font-size: 12px; border-radius: 0; padding: 0 20px; margin-right: 10px; } button.redBg { background-color: #ad4f4f !important; margin-left: 7px; } .ml-auto { margin-left: auto !important; } /*assetmobilisation*/ .mobilizatonLeft .panel-default > .panel-heading a:hover, .mobilizatonLeft .panel-default > .panel-heading a:focus { color: #fff; } .mobilizatonLeft .panel-default > .panel-heading { background-color: #1c4491; color: #fff; border-radius: 0; } .mobilizatonLeft .panel-default .panel-heading label { color: #fff; } .mobilizatonLeft .panel-group .panel + .panel { border-top: 1px solid #173265; } .mobilisationTable > thead > tr > th { padding: 8px 7px; opacity: 0.8; text-align: left; font-size: 10px; } .mobilisationTable > tbody > tr > td { padding: 8px 7px; text-align: left; } .panel-collapse .mobilisationTable tr td input { text-align: left; height: 28px; max-width: 100%; width: 100%; min-width: 115px; } .mobilisationTable > tbody > tr > td:first-child, .mobilisationTable > tbody > tr > th:first-child { padding-left: 12px; } .panel-collapse .mobilisationTable tr td input:disabled { background-color: #d3d8e2; } .panel-collapse .mobilisationTable tr td .select2-container { width: 125px !important; } .panel-collapse .mobilisationTable tr td .select2-container--default .select2-selection--single { height: 28px; } .panel-collapse .mobilisationTable tr td .select2-container .select2-selection--single .select2-selection__rendered { margin-top: -5px; } .AddAssetBtn { background-color: #d8e0f3; height: 28px; border: 0; color: #4c6076; font-size: 10px; font-weight: 600; border-radius: 0; } .SearchBox { width: 100%; border: 1px solid transparent; height: 35px; position: relative; border-bottom: 1px solid #dadee4; background-color: #f2f3f5; padding: 0 10px 0 40px; font-size: 13px; background-image: url(../Content/Img/searche.png); background-size: 13px; background-repeat: no-repeat; background-position: left 18px center; } .regionTag { display: inline-block; } .regionTag { display: inline-block; position: relative; font-size: 12px; margin-left: 20px; } .regionTag:before { content: ''; display: inline-block; height: 5px; vertical-align: middle; width: 5px; border-radius: 50%; margin-right: 5px; } .regionTag.AssetName:before { background-color: #f88010; } .regionTag.RegionName:before { background-color: #214893; } .ml-0 { margin-left: 0 !important; } .pl-0 { padding-left: 0 !important; } .head_tag { font-size: 20px; line-height: 30px; margin: 0; position: relative; top: 50%; transform: translateY(-50%); } .transparent-btn { border: 0; background-color: transparent; padding: 0; } .ml-1 { margin-left: 1rem !important; } .AssetIDBox { position: relative; } .AssetIDBox input:disabled { background-color: #d8e0f3 !important; font-weight: 500; width: 85px; } .AssetIDBox input { padding-right: 20px; } .AssetIDBox button { position: absolute; top: 50%; transform: translateY(-50%); right: 3px; border: 0; background-color: transparent; } .mb-0 { margin-bottom: 0 !important; } .mobilizatonLeft .select2-container .select2-selection--single .select2-selection__rendered { color: #fff; } .mobilizatonLeft .select2-container--default .select2-selection--single .select2-selection__arrow b { color: #ddd8d8; } .mobilizatonLeft .select2-container--default .select2-selection--single .select2-selection__arrow { background-color: #103478; } .removeBox button { border: 0; background-color: transparent; } .w-100 { width: 100% !important; } .w-55 { width: 55px !important; } .whitespace-nowrap { white-space: nowrap; } .SplitterRight .panel-collapse .select2-container--default .select2-selection--single .select2-selection__arrow { height: 22px; } .ErrorBorder { border: 1px solid #f53e3e !important; } d .select2-container--default .select2-results__option[aria-disabled=true] { display: none; } .textBox { width: 100%; height: 130px; margin: 0px; resize: none; padding: 7px; border: 1px solid #cbc5c5; } textarea:focus { outline: 0; box-shadow: none; } .position-relative { position: relative !important; } .text-left thead tr th, .text-left tbody tr td { text-align: left !important; } .ReportDetailHead .form-content label { font-size: 11px; color: #1c4491; font-weight: 400; margin-bottom: 2px; } .ReportDetailHead .form-content p { float: unset; display: block; text-align: left; font-weight: 500; } .ReportDetailHead .devider6 .col { width: calc(100% / 5); } .ReportDetailHead .rowDevider .col:nth-last-child(2) { max-width: calc(100% / 5); } .panel-set { margin-bottom: 15px !important; } .inputGrp { display: flex; margin-left: auto; } .inputGrp + input[type="checkbox"] { margin-left: 0 !important; } .inputGrp input[type="text"] { max-width: 90px; margin-right: 9px; height: 24px; padding: 6px; margin-left: auto; font-size: 12px !important; } .inputGrp input[type="text"].error { border: 1px solid red; } .inputGrp input[type="text"]:last-child { max-width: 55px; } .AssetDetailList { display: flex; flex-wrap: wrap; width: 100%; } .AssetDetailList > div { width: 20%; } .AssetDetailList .form-content label { font-size: 11px; color: #1c4491; font-weight: 400; margin-bottom: 2px; margin-right: 0; display: block; white-space: nowrap; } .AssetDetailList .form-content p { font-weight: 500; font-size: 13px; float: unset; display: block; text-align: left; } .AssetDetailList .row-form-content { width: 100%; display: flex; flex-wrap: wrap; } .AssetDetailList .row-form-content .form-content { width: 20% !important; } .tile-view .PE-dashboardicon { position: absolute; right: 20px; bottom: 20px; } .sidebar-content .sidebar-menu ul li a .Icon-width { /* width: 15px !important;*/ } .header_icon_wording { display: flex; } .header_icon_wording img { margin-right: 10px; width: 16px !important; height: 16px; margin-top: 11px; margin-left: 10px; } .header_icon_text img { margin-top: 8px; } .header_icon_wording h4 { font-size: 12px; color: #0b2046; } .header_icon_wording .text_adjustment { font-size: 16px; color: #0b2046; } .header_icon_text img { width: 16px !important; height: 16px; } @media (max-width: 576px) { .mob_adjustment img { width: 16px !important; height: 16px !important; } .mob_adjustment h4 { font-size: 13px !important; font-weight: 900; margin-top: 12px; } } .total-asset-1 { display: flex; background-color: #f2f2f2; padding: 30px 10px; } .total-asset-1 h2 { font-size: 35px; margin: 0px; padding-left: 15px; } .total-asset-1 p { font-size: 15px; margin-left: auto; margin-bottom: 0px; margin-top: -22px; position: relative; right: 16px; } .total-asset-1 img { background-color: #ffd27f; border-radius: 4px; } .removing-padding { padding-left: 0px !important; padding-right: 0px !important; width: 100%; } } .box-height > div:first-child { height: 100%; } .double-dashboard { background-color: #f2f2f2; display: flex; align-items: center; padding: 33px 0px; } .border-top { border-top: 10px solid #fff; background-color: #ececec47; } .double-dashboard img { /*background-color: #fff;*/ padding: 1px; border-radius: 4px; margin-left: 15px; } .double-dashboard .side-view { margin: 0px 10px; } .side-view h2 { font-size: 22px; margin: 0; font-weight: bold; color: #0B2046; } .side-view-2 h2 { font-size: 22px; margin: 0; font-weight: bold; color:; } .side-view-2 label { color: #6D6D6D; font-size: 12px; font-weight: normal; } .side-view label { font-size: 12px; font-weight: normal; color: #6D6D6D; } .dark-blue { background-color: #695aa1 !important; } .dark-purple { background-color: #84579e !important; } .light-purple { background-color: #ae4e9b !important; } .pink { background-color: #e8409b !important; margin-left: 0px !important; } .light-yellow { background-color: #ffd27f !important; } .total-asset-numbers { padding: 50px 10px; } .total-asset-numbers h2 { font-size: 35px; font-weight: bold; margin: 0; color: #0B2046; } .total-asset-numbers label { font-size: 15px; font-weight: normal; color: #6D6D6D; } .aligning-text-filter { display: flex !important; align-items: center !important; } .filterable-dropdown .choice-width { width: 15% !important; } .selectoption + .select2-container .select2-selection--multiple .select2-selection__rendered li { background-color: #695aa1; font-size: 10px; height: 24px; line-height: 0px; color: #fff; } .selectoption + .select2-container .select2-selection--multiple .select2-selection__rendered li { width: auto !important; margin-bottom: 4px; } .selectoption + .select2-container .select2-selection--multiple .select2-selection__rendered li span { font-size: 14px; color: #fff; width: 12px; margin-top: 3px; height: 12px; } .selectoption + .select2-container .select2-selection--multiple .select2-selection__rendered li span:hover { color: #fff; } .selectoption + .select2-container .select2-selection--multiple .select2-search__field { border: none; } .selectoption + .select2-container .select2-search--inline { display: none; } .selectoption + .select2-container--default .select2-selection--multiple { height: auto !important; width: 100%; } .selectoption + .select2-container .select2-selection--multiple .select2-selection__rendered { height: 100px; overflow-y: auto; max-height: 102px; } .filter-sizing + .select2-container .select2-selection--multiple .select2-selection__rendered { max-height: 70px; overflow-y: auto; } .filter-done { width: 30%; cursor: pointer; } .selectoption + .select2-container--default .select2-selection--multiple { background: none; } .site { font-weight: normal; } .down-align { width: 101%; } .capex-amd { color: #F79321 !important; } .Hire-amd { color: #0C2659 !important; } .filter-button-1 { width: 100%; background-color: #fff; color: #656565; border: none; height: 32px; box-shadow: 0px 0px 2px #00000029; } .dividing-filter { border-left: 1px solid lightgrey; } .chart-bottom-1 { background-color: #fff !important; color: #0B2046; box-shadow: 0px 3px 6px rgb(14 49 77 / 10%); border: 1px solid #CCCC; min-height: 330px; padding: 0px !important; } .chart-bottom-2 { background-color: #CED4DE; color: #163261; padding: 0px !important; border: 1px solid #CCCC; min-height: 330px; } .chart-bottom-3 { background-color: #fff !important; color: #163261; padding: 0px !important; box-shadow: 0px 3px 6px rgb(14 49 77 / 10%); border: 1px solid #CCCC; min-height: 330px; } .asset-transfer-bg { background-color: #fff !important; max-height: 430px; } .asset-transfer-bg-1 { background-color: #fff !important; max-height: 430px; } .asset-transfer-bg-2 { background-color: #CED4DE !important; } .asset-bg { background-color: #fff !important; max-height: 430px; } .employeecanvas-bg-color { background-color: #fff !important; max-height: 85px !important; max-width: 85px !important; } .assetcanvas-bg-color { max-height: 85px !important; max-width: 85px !important; } .chart-bottom-3 { min-height: 350px; background-color: #fff !important; color: #0B2046; border: 1px solid #CCCC; } .double-dashboard-1 { display: flex; align-items: center; justify-content: center; margin-bottom: 5px; padding-left: 10px; } .amd-new-design .seperating-border { border-left: 1px solid #0B2046; } .double-dashboard-4 { display: flex; align-items: center; justify-content: center; } .double-dashboard-1 .changing-manpower-color { color: #CABBFF; } .changing-manpower-color { color: #6D6D6D; } .amd-new-design { height: 103px !important; display: flex; justify-content: space-between; color: #fff; margin-bottom: 10px; border: 1px solid #CCCC; } .removing-margin { margin: 0px !important; color: #0B2046; } .side-view-1 h2 { font-size: 22px; margin: 0; font-weight: bold; color: #FDB714; } .side-view-1 label { font-size: 12px; font-weight: normal; color: #86939E; } .double-dashboard-switching { display: flex; } .double-dashboard-switching a { padding: 7px 20px; cursor: pointer; font-size: 12px; box-shadow: 0px 0px 2px #00000029; } .double-dashboard-daywise { display: flex; justify-content: end; } .double-dashboard-daywise a { padding: 7px 27px; cursor: pointer; font-size: 12px; box-shadow: 0px 0px 2px #00000029; } .double-dashboard-daywise .daywise-switching { background-color: #FDB714 !important; } .double-dashboard-daywise .daywise-switching-2 { background-color: #fff; } .switching-1 { background-color: #163261; color: #fff; } .switching-1:hover { color: #fff; } .switching-2 { background-color: #fff; color: #163261; } .switching-3 { background-color: #4B398D; color: #fff; } .switching-3:hover { color: #fff; } #myProgress { height: 7px; width: 100%; background-color: #ddd; } #myBar { /*width: 32%;*/ height: 7px; background-color: #5679B2; } #myBar-1 { width: 50%; height: 7px; background-color: #7E65D9; } #myBar-2 { width: 40%; height: 7px; background-color: #F89D34; } #myBar-3 { width: 70%; height: 7px; background-color: #FDBE2B; } #myBar-4 { width: 80%; height: 7px; background-color: #A35ABD; } #myBar-5 { width: 30%; height: 7px; background-color: #7E65D9; } #myBar-6 { width: 50%; height: 7px; background-color: #F89D34; } #myBar-7 { width: 33%; height: 7px; background-color: #FDBE2B; } .for-progess-bar { padding: 20px 0px 10px 20px; border-left: 2px solid #0B2046; } .double-dashboard-1 label { color: #86939E; } .Legends-head .asset-chart-heading { color: #0B2046; padding: 20px; margin-left: 20px !important; } .Legends-head .manpower-employee-status { padding: 20px; color: #E9E9E9; } .amd-new-design-1 { background-color: #fff !important; height: 103px !important; display: flex; justify-content: space-between; color: #fff; margin-bottom: 10px; border: 1px solid #CCCC; } .cd-subCoordinatorSummary { background-color: #fff !important; height: 103px !important; display: flex; justify-content: space-between; color: #fff; margin-bottom: 10px; border: 1px solid #CCCC; box-shadow: 0px 3px 6px rgba(14, 49, 77, 0.1); padding: 10px; overflow: hidden; visibility: visible; position: relative; } .filter-right { position: fixed; right: 0; top: 0; width: 450px; /*width: 700px;*/ background-color: #fff; height: 100vh; z-index: 1010; } .removing-padding-2 { padding: 0px !important; margin-left: 20px; } .spacing-left { margin-right: 10px !important; } .removing-style { list-style: none; display: flex; } .adding-type label { margin-bottom: 10px; } .adding-class label { margin-bottom: 10px; } .filter-head-1 { font-size: 14px; margin-top: 10px; } .filter-head-2 { padding: 10px 0px; display: flex; align-items: center; background-color: #F2F2F2; } .filter-head-2 .filter-heading-bold { font-size: 16px; font-weight: bold; color: #0B2046; } .close-size { font-size: 20px; cursor: pointer; } .Amd-padding-right { padding-left: 10px; } .filter-content { padding: 10px 20px; height: 82vh; overflow-y: auto; } .tick-bg { background-color: #0B2046; color: #ffff; padding: 0px 2px; font-size: 12px; } .after-tick { margin-left: 10px; font-size: 12px; } .bg-lightgrey { background-color: #EFEFEF; padding: 8px 0px 5px 10px; border-bottom: 1px solid white; display: flex; } .selecting-all { padding-left: 20px; color: #123D86; } .filter-footer { display: flex; align-items: center; position: absolute; bottom: 10px; right: 10px; } .amd-filter-footer { display: flex; } .apply-padding { padding: 5px 30px 5px 30px; background-color: #F87F0E; } .apply-padding a { color: #ffff !important; } .makingit-right { margin-left: auto; } .filter-button-1 img { width: 20px; height: 20px; margin-right: 5px; } .Asset-icon-1 { width: 80px; height: 85px; } .Asset-icon-2 { width: 40px; height: 40px; margin-right: 10px; } .Asset-icon-3 { width: 65px; height: 65px; margin-right: 10px; } .double-dashboard-2 { display: flex; align-items: center; justify-content: center; margin-bottom: 5px; } .double-dashboard-3 { display: flex; align-items: center; justify-content: center; margin-top: 10px; } .double-dashboard-6 { display: flex; align-items: center; justify-content: center; } .bg-pending-1 { background-color: #7E4094 !important; } .bg-approved-1 { background-color: #532F8F !important; } .bg-Intransist-1 { background-color: #A9248D !important; } .bg-present-1 { background-color: #532F8F; } .light-Absent-1 { background-color: #7A2E90; } .bg-leave-1 { background-color: #A9248D; } .bg-holiday-1 { background-color: #EA098D; } .bg-present-4 { background-color: #532F8F; } .light-Absent-4 { background-color: #7A2E90; } .bg-leave-4 { background-color: #A9248D; } .amd-dashboard-length { margin-left: 0px !important; width: 100%; } .cursor-1 { cursor: pointer; margin: 0px !important; background-color: red !important; } .cursor-2 { cursor: pointer; margin-right: 10px; } .filter-content input[type=checkbox]:before .check-box::before { content: ""; display: block; position: absolute; width: 14px !important; height: 14px !important; top: -1px; left: 0; border: 1px solid #dadee4; border-radius: 0; background-color: #0B2046 !important; } .filter-content input[type=checkbox]:checked:after { content: ""; display: block; width: 5px; height: 10px; border: solid #0B2046; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 2px; left: 6px; } @media screen and (max-width: 576px) { .double-dashboard-switching a { text-align: center; padding: 1px; } .mobile-responsive { overflow-x: scroll; } } .ncc-logo { width: 100% !important; } .box-shadow { box-shadow: 0px 2px 4px #00000029; margin-bottom: 10px; } .box-shadow-2 { box-shadow: 0px 2px 4px #00000029; margin-bottom: 10px; background-color: #fff; } .MP-allocation { display: flex; justify-content: space-around; padding: 20px 0px; background-color: #fff; cursor: pointer; } .MP-allocation-2 { display: flex; justify-content: space-around; padding: 20px 20px; background-color: #fff; cursor: pointer; } .MP-allocation .ref-no { font-size: 22px; } .Mp-heading { font-weight: 400; font-size: 12px; } .Mp-subheading { font-weight: 600; } .Mp-dotText { width: 150px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .downoad-icon-align { text-align: center; } .MP-allocation-1 { background-color: #EEEEEE; /* padding: 20px 20px 20px 20px;*/ } .making-bg-lightgrey { background-color: #EEEEEE; } .making-bg-white { background-color: #fff; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; } .making-bg-white-1 { background-color: #fff; border-bottom: 1px solid #EEEEEE; border-top: 1px solid #EEEEEE; font-size: 12px; } .adding-padding { padding-bottom: 20px; font-weight: 600; font-size: 12px; } .MP-allocation-1 .making-bg-lightgrey > td { padding: 10px; font-weight: 600; font-size: 12px; } .MP-allocation-3 .making-bg-lightgrey > td { padding: 10px; font-weight: 600; font-size: 12px; } .MP-allocation-1 .making-bg-white > td > button { border: none; padding: 5px 20px; background-color: #7E7E7E; color: #fff; } .MP-allocation-3 .making-bg-white > td > button { border: none; padding: 5px 20px; background-color: #7E7E7E; color: #fff; } .MP-allocation-1 .making-bg-white > td { padding: 10px; } .MP-allocation-3 .making-bg-white > td { padding: 8px; } .MP-allocation-3 .making-bg-white-1 > td { padding: 8px; } .MP-allocation-2 span { font-size: 12px; } .MP-allocation-2 p { font-weight: 600; margin: 0px; } .MPD-header { margin-bottom: 10px; } .MPD-header button { border: none; background-color: #F87F0E; color: #fff; padding: 5px 30px; font-weight: 500; box-shadow: 0 3px 6px rgb(14 49 77 / 10%); transition: all 0.2s ease; height: 33px; } .MP-allocation .bringing-bg { background-color: lightgrey; padding: 5px; width: 30px; border-radius: 50%; text-align: center; cursor: pointer; } .MP-allocation-2 .bringing-bg { background-color: lightgrey; padding: 7px; width: 30px; border-radius: 50%; text-align: center; float: right; cursor: pointer; } .MP-allocation-2 .Mp-inspect { padding: 15px; float: right; cursor: pointer; } .modal-container-1 { background-color: rgba(0,0,0,0.3); position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center; z-index: 999; /*display:none;*/ /* Taking display-none will display the modal */ } .modal-1 { background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.2); width: 83%; max-width: 100%; } .modal-2 { width: 30%; } .modal-allocation { padding: 10px 0px; background-color: #EEEEEE !important; border-bottom: 1px solid lightgrey; } .modal-allocation-1 { padding: 10px 10px; background-color: #EEEEEE !important; border-bottom: 1px solid lightgrey; } /*Dropdown starts*/ .MP-allocation-1 { max-height: 0; overflow: hidden; } .faq1.active .MP-allocation-1 { max-height: 100%; padding: 20px; } .faq1.active .rotating { transform: rotate(180deg); } .MP-allocation img { transition: transform 0.5s ease-in: } /*Dropdown ends*/ .allocate-button { display: flex; justify-content: end; background-color: #EEEE; padding: 15px; } .allocate-button button { border: 1px solid lightgrey; background-color: #8D8D8D; color: white; padding: 5px 20px; } .close-mark { padding: 15px; cursor: pointer; } .modal-container-1 .modal-1 .MP-allocation-1 .making-bg-white .taking-margin { margin: 0 !important; } .Recuirtment-modal { padding: 20px; } .recruitment { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; font-size: 12px; } .recruitment-1 { font-size: 12px; padding-bottom: 20px; } .recruitment-1 input { background-color: #F2F3F5; height: 25px; border: 1px solid #F2F3F5; width: 120px; } .recruitment-2 { font-size: 12px; } .recruitment-2 textarea { border: 1px solid #F2F3F5; background-color: #F2F3F5; resize: none; min-width: 360px; max-width: 360px; } .pointer { cursor: pointer; } .increasing-width { width: 99% !important; } .adjusting-dropdown-box { padding: 0px 10px 0px 0px !important; } .working-AMD { color: #532F8F !important; } .Idle-AMD { color: #7A2E90 !important; } .breakdowns-AMD { color: #A9248D !important; } .accident-AMD { color: #EA098D !important; } .present-AMD { color: #532F8F !important; } .absent-AMD { color: #7A2E90 !important; } .leave-AMD { color: #A9248D !important; } .intransit-AMD { color: #F79321 !important; } .BD-dashboard-1 { margin-top: 60px; /* width:99% !important;*/ } .asset-chart-color { background-color: #E9E9E9 !important; } .filter-separation { border-left: 1px solid lightgrey; } .manpower-only { padding: 0px; margin-bottom: 20px; } .button-for-manpower { padding: 4px; position: absolute !important; right: 10px !important; top: 20px !important; border-radius: 0 !important; } .designation-select { font-size: 16px !important; line-height: 18px; font-weight: 400; border: none; background-color: #ECECEC; float: right; } .adjusting-width { width: fit-content; background-color: #ECECEC; margin-right: 5px; box-shadow: none !important; } .one-by-one { display: flex; flex-wrap: wrap; } .allocation-resizing { width: 18px; margin-right: 5px; cursor: pointer; } .allocate-popup { display: flex; flex-wrap: wrap; align-items: center; } .right-align { text-align: right; } .notes-size { font-size: 10px !important; } .notes-span { font-size: 10px; font-weight: bold; } .orange-text { color: orange !important; font-size: 13px !important; } .action-view { margin-left: 10px; cursor: pointer; } .attendance-img { width: 16px; margin-right: 5px; cursor: pointer; } .approval-detail-header { display: flex; align-items: center; justify-content: space-between } .popup-close { font-size: 26px; cursor: pointer; } .approval-detail-reject { width: 100%; resize: none; border: 1px solid lightgrey; padding: 10px; } .approval-detail-footer { padding: 10px 20px 15px 20px !important; } .requirement_no .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { height: 35px !important; background-color: #fff !important; margin-top: 3px; } .requirement_no .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 35px !important; } .requirement_no div .gender_options { background-color: #fff !important; border: 1px solid #E4E8EF; height: 35px; margin-top: 3px; } .requirement_no input { background-color: #fff !important; border: 1px solid #E4E8EF; height: 35px; margin-top: 3px; padding-right: 35px; } .requirement_no button { border: none; background-color: transparent; position: absolute; right: 15px; top: 26px; } .requirement_no button img { width: 18px; } .requirement_details { padding: 0px 10px; position: relative; } .requirement_no_top { position: absolute; top: -25px; right: 20px; display: flex; align-items: center; gap: 10px; } .requirement_no_top span { color: #54627D; font-size: 13px; } .requirement_no_top p { color: #292929; font-size: 15px; font-weight: 500; margin: 0px; } .requirement_details h5 { color: #F87F0E; font-size: 15px; } .requirement_indetails { padding: 0px 10px; } .requirement_indetails label { font-size: 12px; color: #54627D; } .requirement_indetails p { font-size: 14px; color: #292929; } .next_btn { text-align: end; } .next_btn button { background-color: #372381; color: #fff; width: 100px; height: 35px; } .next_btn button:hover { opacity: 0.7; color: #fff; } .Add_candidate_form { background-color: #fff; padding: 12px 0px 0px 8px; box-shadow: 0px 3px 10px 0px #0E314D1A; margin-bottom: 15px; } .candidate_status .verified_candidate { border: 1px solid #4CBD81; border-radius: 16px; width: 85px; height: 29px; color: #4CBD81; font-size: 12px; text-align: center; margin: 0px; line-height: 28px; } .candidate_status .pending_candidate { border: 1px solid #F87F0E; border-radius: 16px; width: 85px; height: 29px; color: #F87F0E; font-size: 12px; text-align: center; margin: 0px; line-height: 28px; } .time_dates { font-size: 13px; font-weight: 500; } .timeline_approval { text-align: center; } .timeline_approval button { width: 165px; height: 40px; background-color: #372381; text-align: center; border: none; color: #fff; font-size: 13px; border-radius: 3px; margin-left: 8px; transition: all 0.3s ease; } .timeline_approval button:hover { opacity: 0.7; } .timeline_approval button:disabled { opacity: 0.3; cursor: not-allowed; } /* The actual timeline (the vertical ruler) */ .timeline_1 { position: relative; max-width: 500px; margin: 20px 20px; } /* The actual timeline (the vertical ruler) */ .timeline_1::after { content: ''; position: absolute; width: 2px; background-color: #d6dae0; top: 11px; bottom: 0; left: 0; margin-left: -3px; } /* Container around content */ .timeline_1 .container_line { position: relative; background-color: inherit; } /* The circles on the timeline */ .timeline_1 .container_line ::after { content: ''; position: absolute; width: 8px; height: 8px; left: -6px; background-color: #0B2046; /*border: 4px solid #FF9F55;*/ top: 6px; border-radius: 50%; z-index: 1; } .timeline_1 .container_line.active ::after { background-color: #4CBD81; } /* Place the container to the left */ .left_timeline { left: 0; } /* Add arrows to the left container (pointing right) */ .left_timeline::before { /*content: " ";*/ height: 0; position: absolute; top: 22px; width: 0; z-index: 1; right: 30px; border: medium solid white; border-width: 10px 0 10px 10px; border-color: transparent transparent transparent white; } /* Add arrows to the right container (pointing left) */ .right_timeline::before { content: " "; height: 0; position: absolute; top: 22px; width: 0; z-index: 1; left: 30px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } /* The actual content */ .container_line .content { padding: 0px 30px 20px 15px; background-color: white; position: relative; border-radius: 6px; min-height: 0px; } .container_line .content .details_listing { display: flex; align-items: center; justify-content: space-between; } .container_line .content .details_listing .personal_details{ display:flex; align-items:center; gap:15px; } .container_line .content .details_listing .personal_details a { display: inline-flex; align-items: center; background-color: #ff8b2bf7; padding: 4px 4px 4px 4px; border-radius: 4px; color: #fff; font-size: 13px; transition: opacity 0.3s ease; } .container_line .content .details_listing .personal_details a:hover{ opacity:0.7; } .container_line .content .details_listing .personal_details a img { width: 16px; margin: 0 0px 0 0; } .container_line .content .details_listing .personal_details div span { font-size: 12px; color: #54627D; } .container_line .content .details_listing .personal_details .details_verified { font-size: 16px; color: #292929; } .container_line .content .details_listing:nth-child(2) .personal_details_2 { margin-left: 60px; display: flex; align-items: center; gap: 20px; } .container_line .content .details_listing:nth-child(2) .personal_details_2 .details_verified { font-size: 12px; font-weight: 500; color: #0B2046; background-color: #E9FFED; border: 1px solid #A1D4AB; margin: 0px; border-radius: 20px; height: 40px; width: 140px; display: flex; align-items: center; justify-content: center; gap: 10px; } .container_line .content .details_listing:nth-child(2) .personal_details_2 .details_verified img { width: 17px; } .container_line .content .details_listing:nth-child(2) .personal_details_2 .details_failed { color: #0B2046; background-color: #FEE6E6; border: 1px solid #FF6060; font-size: 12px; font-weight: 500; margin: 0px; border-radius: 20px; height: 40px; width: 140px; display: flex; align-items: center; justify-content: center; gap: 10px; } .container_line .content .details_listing:nth-child(2) .personal_details_2 .details_failed img { width: 17px; } .container_line .content .details_listing:nth-child(2) .personal_details_2 button { width: 140px; height: 40px; background-color: #372381; text-align: center; border: none; color: #fff; font-size: 13px; border-radius: 3px; margin-left: 8px; transition: all 0.3s ease; } .container_line .content .details_listing:nth-child(2) .personal_details_2 button:hover { opacity: 0.7; } /* Media queries - Responsive timeline on screens less than 600px wide */ @media screen and (max-width: 600px) { /* Place the timelime to the left */ .timeline_1::after { left: 31px; } /* Full-width containers */ .timeline_1 .container_line { width: 100%; padding-left: 70px; padding-right: 25px; } /* Make sure that all arrows are pointing leftwards */ .timeline_1 .container_line ::before { left: 60px; border: medium solid white; border-width: 10px 10px 10px 0; border-color: transparent white transparent transparent; } /* Make sure all circles are at the same spot */ .left_timeline::after, .right::after { left: 15px; } } .timeline_heading { color: #292929; font-size: 14px; margin-bottom: 10px; font-weight: 500; } .verify_modal { width: 100vw; } .verification_popup_details label { color: #54627D; font-size: 12px; font-weight: normal; } .verification_popup_details p { color: #292929; font-size: 15px; font-weight: 500; } .verification_popup .modal-dialog { width: 700px; } .verification_popup .modal-header { display: flex; align-items: center; justify-content: space-between; } .verification_popup .btn-close { background-color: transparent !important; border: none; color: #707070 !important; } .salary_bulkUpload { display: flex; align-items: center; justify-content: space-between; } .appintment_no { background-color: #fff !important; border: 1px solid #E4E8EF !important; border-radius: 3px !important; line-height: 35px !important; padding: 3px 8px !important; } .revised_salary{ background-image:url(../Content/Img/rupee_icon.svg); background-repeat:no-repeat; background-position:8px; background-size:18px; } .appointment_no_label { color: #54627D; font-weight:normal; font-size:12px; } .salary_bulk_upload h6{ font-size:14px; } .salary_bulk_upload .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { height: 35px !important; } .salary_bulk_upload .select2-container--default .select2-selection--single, .select2-selection .select2-selection--single{ background-color:#fff !important; } .salary_bulk_upload .select2-container--default .select2-selection--single .select2-selection__rendered{ line-height:35px !important; } .salary_bulk_upload { display: flex; align-items: center; justify-content: flex-end; gap: 10px; padding: 15px 0px; } .salary_bulk_upload .select2-container { width: 200px !important; } .salary_bulk_upload div:nth-child(1) input { background-color: #fff; width: 200px; border: 1px solid #E4E8EF; border-radius: 3px; height: 35px; line-height: 35px; padding: 3px 8px; } .salary_bulk_upload div:nth-child(1) label { font-size: 12px; color: #54627D; margin-right: 5px; } .salary_bulk_upload div:nth-child(2) button { background-color: #0B2046; width: 100px; height: 33px; color: #FFFFFF; /* display: flex; align-items: center; justify-content: center;*/ } .salary_bulk_upload div:nth-child(2) button img { margin-right: 10px; width: 16px; } .salary_bulk_upload div:nth-child(3) button { background-color: #372381; height: 33px; color: #FFFFFF; display: flex; align-items: center; justify-content: center; padding: 0px 10px; } .salary_bulk_upload div:nth-child(3) button img { margin-right: 10px; width: 17px; } .ImportView { box-shadow: 0px 0px 4px #00000029; background-color: #fff; } .salary_importview { padding: 20px 0px 20px 20px; display: flex; align-items: center; gap: 50px; } .salary_importview div p { margin: 0px; font-size: 13px; } .salary_importview_btn { padding: 10px 10px 10px 10px; text-align: end; } .salary_importview_btn .proceed_btn { background-color: #7A3F9C; color: #fff; border: none; height: 35px; width: 100px; font-size: 13px; border-radius: 2px; margin-right: 10px; transition: all 0.3s ease; } .salary_importview_btn .cancel_btn { background-color: #FFA600; color: #fff; border: none; height: 35px; width: 100px; font-size: 13px; border-radius: 2px; transition: all 0.3s ease; } .salary_importview_btn button:hover { opacity: 0.7; } .salary_bulk_upload .approval_download button { background-color: #372381; height: 33px; color: #FFFFFF; display: flex; align-items: center; justify-content: center; padding: 0px 10px; transition: all 0.3s ease; } .salary_bulk_upload .approval_download button:hover { opacity: 0.7; } .salary_bulk_upload .approval_download button img { margin-right: 10px; width: 17px; } .emp_delete { width: 32px; background-color: #e8e8e8; padding: 7px; border-radius: 50%; cursor:pointer; } .reducing_middle_space{ justify-content:start !important; gap:20px; } .fileDrag_Drop{ display:flex; align-items:center; justify-content:space-between; margin-top:5px; } .fileDrag_Drop button{ position:relative !important; top:0 !important; right:0 !important; } .fileDrag_Drop div{ display:flex; align-items:center; gap:5px; } .fileDrag_Drop div img { width: 16px; } .mt-55{ margin-top:55px; }