@import url(//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,700italic,400,300,700);/*!
 * Bootswatch v3.1.1
 * Homepage: http://bootswatch.com
 * Copyright 2012-2014 Thomas Park
 * Licensed under MIT
 * Based on Bootstrap
*//*! normalize.css v3.0.0 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@media print{*{text-shadow:none !important;color:#000 !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) ")"}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}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}select{background:#fff !important}.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}}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*: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:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:15px;line-height:1.42857143;color:#222222;background-color:#ffffff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#008cba;text-decoration:none}a:hover,a:focus{color:#00526e;text-decoration:underline}a:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive,.thumbnail>img,.thumbnail a>img,.carousel-inner>.item>img,.carousel-inner>.item>a>img{display:block;max-width:100%;height:auto}.img-rounded{border-radius:0}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#ffffff;border:1px solid #dddddd;border-radius:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:21px;margin-bottom:21px;border:0;border-top:1px solid #dddddd}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;line-height:1.1;color:inherit}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,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:#999999}h1,.h1,h2,.h2,h3,.h3{margin-top:21px;margin-bottom:10.5px}h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small{font-size:65%}h4,.h4,h5,.h5,h6,.h6{margin-top:10.5px;margin-bottom:10.5px}h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small{font-size:75%}h1,.h1{font-size:39px}h2,.h2{font-size:32px}h3,.h3{font-size:26px}h4,.h4{font-size:19px}h5,.h5{font-size:15px}h6,.h6{font-size:13px}p{margin:0 0 10.5px}.lead{margin-bottom:21px;font-size:17px;font-weight:200;line-height:1.4}@media (min-width:768px){.lead{font-size:22.5px}}small,.small{font-size:85%}cite{font-style:normal}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}.text-muted{color:#999999}.text-primary{color:#008cba}a.text-primary:hover{color:#006687}.text-success{color:#43ac6a}a.text-success:hover{color:#358753}.text-info{color:#5bc0de}a.text-info:hover{color:#31b0d5}.text-warning{color:#e99002}a.text-warning:hover{color:#b67102}.text-danger{color:#f04124}a.text-danger:hover{color:#d32a0e}.bg-primary{color:#fff;background-color:#008cba}a.bg-primary:hover{background-color:#006687}.bg-success{background-color:#dff0d8}a.bg-success:hover{background-color:#c1e2b3}.bg-info{background-color:#d9edf7}a.bg-info:hover{background-color:#afd9ee}.bg-warning{background-color:#fcf8e3}a.bg-warning:hover{background-color:#f7ecb5}.bg-danger{background-color:#f2dede}a.bg-danger:hover{background-color:#e4b9b9}.page-header{padding-bottom:9.5px;margin:42px 0 21px;border-bottom:1px solid #dddddd}ul,ol{margin-top:0;margin-bottom:10.5px}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;margin-left:-5px}.list-inline>li{display:inline-block;padding-left:5px;padding-right:5px}dl{margin-top:0;margin-bottom:21px}dt,dd{line-height:1.42857143}dt{font-weight:bold}dd{margin-left:0}@media (min-width:768px){.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dl-horizontal dd{margin-left:180px}}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999999}.initialism{font-size:90%;text-transform:uppercase}blockquote{padding:10.5px 21px;margin:0 0 21px;font-size:18.75px;border-left:5px solid #dddddd}blockquote p:last-child,blockquote ul:last-child,blockquote ol:last-child{margin-bottom:0}blockquote footer,blockquote small,blockquote .small{display:block;font-size:80%;line-height:1.42857143;color:#6f6f6f}blockquote footer:before,blockquote small:before,blockquote .small:before{content:'\2014   \A0'}.blockquote-reverse,blockquote.pull-right{padding-right:15px;padding-left:0;border-right:5px solid #dddddd;border-left:0;text-align:right}.blockquote-reverse footer:before,blockquote.pull-right footer:before,.blockquote-reverse small:before,blockquote.pull-right small:before,.blockquote-reverse .small:before,blockquote.pull-right .small:before{content:''}.blockquote-reverse footer:after,blockquote.pull-right footer:after,.blockquote-reverse small:after,blockquote.pull-right small:after,.blockquote-reverse .small:after,blockquote.pull-right .small:after{content:'\A0   \2014'}blockquote:before,blockquote:after{content:""}address{margin-bottom:21px;font-style:normal;line-height:1.42857143}code,kbd,pre,samp{font-family:Menlo,Monaco,Consolas,"Courier New",monospace}code{padding:2px 4px;font-size:90%;color:#c7254e;background-color:#f9f2f4;white-space:nowrap;border-radius:0}kbd{padding:2px 4px;font-size:90%;color:#ffffff;background-color:#333333;border-radius:0;box-shadow:inset 0 -1px 0 rgba(0,0,0,0.25)}pre{display:block;padding:10px;margin:0 0 10.5px;font-size:14px;line-height:1.42857143;word-break:break-all;word-wrap:break-word;color:#333333;background-color:#f5f5f5;border:1px solid #cccccc;border-radius:0}pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.pre-scrollable{max-height:340px;overflow-y:scroll}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,.col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right: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,.col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:0%}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:0%}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0%}@media (min-width:768px){.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{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:0%}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:0%}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0%}}@media (min-width:992px){.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{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:0%}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:0%}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0%}}@media (min-width:1200px){.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{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:0%}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:0%}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0%}}table{max-width:100%;background-color:transparent}th{text-align:left}.table{width:100%;margin-bottom:21px}.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.42857143;vertical-align:top;border-top:1px solid #dddddd}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #dddddd}.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 #dddddd}.table .table{background-color:#ffffff}.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 #dddddd}.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 #dddddd}.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-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.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-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.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}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.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}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.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}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}@media (max-width:767px){.table-responsive{width:100%;margin-bottom:15.75px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #dddddd;-webkit-overflow-scrolling:touch}.table-responsive>.table{margin-bottom:0}.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>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.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;min-width:0}legend{display:block;width:100%;padding:0;margin-bottom:21px;font-size:22.5px;line-height:inherit;color:#333333;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}input[type="range"]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}output{display:block;padding-top:7px;font-size:15px;line-height:1.42857143;color:#6f6f6f}.form-control{display:block;width:100%;height:35px;padding:6px 12px;font-size:15px;line-height:1.42857143;color:#6f6f6f;background-color:#ffffff;background-image:none;border:1px solid #cccccc;border-radius:0;-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::-moz-placeholder{color:#999999;opacity:1}.form-control:-ms-input-placeholder{color:#999999}.form-control::-webkit-input-placeholder{color:#999999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{cursor:not-allowed;background-color:#eeeeee;opacity:1}textarea.form-control{height:auto}input[type="search"]{-webkit-appearance:none}input[type="date"]{line-height:35px}.form-group{margin-bottom:15px}.radio,.checkbox{display:block;min-height:21px;margin-top:10px;margin-bottom:10px;padding-left:20px}.radio label,.checkbox label{display:inline;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;vertical-align:middle;font-weight:normal;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:0}select.input-sm{height:30px;line-height:30px}textarea.input-sm,select[multiple].input-sm{height:auto}.input-lg{height:48px;padding:10px 16px;font-size:19px;line-height:1.33;border-radius:0}select.input-lg{height:48px;line-height:48px}textarea.input-lg,select[multiple].input-lg{height:auto}.has-feedback{position:relative}.has-feedback .form-control{padding-right:43.75px}.has-feedback .form-control-feedback{position:absolute;top:26px;right:0;display:block;width:35px;height:35px;line-height:35px;text-align:center}.has-success .help-block,.has-success .control-label,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#43ac6a}.has-success .form-control{border-color:#43ac6a;-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:#358753;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #85d0a1;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #85d0a1}.has-success .input-group-addon{color:#43ac6a;border-color:#43ac6a;background-color:#dff0d8}.has-success .form-control-feedback{color:#43ac6a}.has-warning .help-block,.has-warning .control-label,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#e99002}.has-warning .form-control{border-color:#e99002;-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:#b67102;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #febc53;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #febc53}.has-warning .input-group-addon{color:#e99002;border-color:#e99002;background-color:#fcf8e3}.has-warning .form-control-feedback{color:#e99002}.has-error .help-block,.has-error .control-label,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#f04124}.has-error .form-control{border-color:#f04124;-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:#d32a0e;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f79483;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f79483}.has-error .input-group-addon{color:#f04124;border-color:#f04124;background-color:#f2dede}.has-error .form-control-feedback{color:#f04124}.form-control-static{margin-bottom:0}.help-block{display:block;margin-top:5px;margin-bottom:10px;color:#626262}@media (min-width:768px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:middle}.form-inline .radio,.form-inline .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:none;margin-left:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .control-label,.form-horizontal .radio,.form-horizontal .checkbox,.form-horizontal .radio-inline,.form-horizontal .checkbox-inline{margin-top:0;margin-bottom:0;padding-top:7px}.form-horizontal .radio,.form-horizontal .checkbox{min-height:28px}.form-horizontal .form-group{margin-left:-15px;margin-right:-15px}.form-horizontal .form-control-static{padding-top:7px}@media (min-width:768px){.form-horizontal .control-label{text-align:right}}.form-horizontal .has-feedback .form-control-feedback{top:0;right:15px}.btn{display:inline-block;margin-bottom:0;font-weight:normal;text-align:center;vertical-align:middle;cursor:pointer;background-image:none;border:1px solid transparent;white-space:nowrap;padding:6px 12px;font-size:15px;line-height:1.42857143;border-radius:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.btn:focus,.btn:active:focus,.btn.active:focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.btn:hover,.btn:focus{color:#333333;text-decoration:none}.btn:active,.btn.active{outline:0;background-image:none;-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{cursor:not-allowed;pointer-events:none;opacity:0.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none}.btn-default{color:#333333;background-color:#e7e7e7;border-color:#dadada}.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{color:#333333;background-color:#d3d3d3;border-color:#bbbbbb}.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:#e7e7e7;border-color:#dadada}.btn-default .badge{color:#e7e7e7;background-color:#333333}.btn-primary{color:#ffffff;background-color:#008cba;border-color:#0079a1}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#ffffff;background-color:#006d91;border-color:#004b63}.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:#008cba;border-color:#0079a1}.btn-primary .badge{color:#008cba;background-color:#ffffff}.btn-success{color:#ffffff;background-color:#43ac6a;border-color:#3c9a5f}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#ffffff;background-color:#388f58;border-color:#2b6e44}.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:#43ac6a;border-color:#3c9a5f}.btn-success .badge{color:#43ac6a;background-color:#ffffff}.btn-info{color:#ffffff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#ffffff;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-info .badge{color:#5bc0de;background-color:#ffffff}.btn-warning{color:#ffffff;background-color:#e99002;border-color:#d08002}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#ffffff;background-color:#c17702;border-color:#935b01}.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:#e99002;border-color:#d08002}.btn-warning .badge{color:#e99002;background-color:#ffffff}.btn-danger{color:#ffffff;background-color:#f04124;border-color:#ea2f10}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#ffffff;background-color:#dc2c0f;border-color:#b1240c}.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:#f04124;border-color:#ea2f10}.btn-danger .badge{color:#f04124;background-color:#ffffff}.btn-link{color:#008cba;font-weight:normal;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:#00526e;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:#999999;text-decoration:none}.btn-lg,.btn-group-lg>.btn{padding:10px 16px;font-size:19px;line-height:1.33;border-radius:0}.btn-sm,.btn-group-sm>.btn{padding:5px 10px;font-size:12px;line-height:1.5;border-radius:0}.btn-xs,.btn-group-xs>.btn{padding:1px 5px;font-size:12px;line-height:1.5;border-radius:0}.btn-block{display:block;width:100%;padding-left:0;padding-right: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 0.15s linear;transition:opacity 0.15s linear}.fade.in{opacity:1}.collapse{display:none}.collapse.in{display:block}.collapsing{position:relative;height:0;overflow:hidden;-webkit-transition:height 0.35s ease;transition:height 0.35s ease}@font-face{font-family:'Glyphicons Halflings';src:url(/assets/glyphicons-halflings-regular.aa16cd35628e6dddf56e766c9aa4ae63.eot);src:url(/assets/glyphicons-halflings-regular.aa16cd35628e6dddf56e766c9aa4ae63.eot?#iefix) format('embedded-opentype'),url(/assets/glyphicons-halflings-regular.ab5d232e500a8367eebbf13e49fc4917.woff) format('woff'),url(/assets/glyphicons-halflings-regular.47da44498fc073d9fff9ab0cdb0bef8e.ttf) format('truetype'),url(/assets/glyphicons-halflings-regular.683eaa4b54a330dfdf2473e731fccfa1.svg#glyphicons_halflingsregular) format('svg')}.glyphicon{position:relative;top:1px;display:inline-block;font-family:'Glyphicons Halflings';font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.glyphicon-asterisk:before{content:"*"}.glyphicon-plus:before{content:"+"}.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-lock:before{content:"\E033"}.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-bookmark:before{content:"\E044"}.glyphicon-print:before{content:"\E045"}.glyphicon-camera:before{content:"\E046"}.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-fire:before{content:"\E104"}.glyphicon-eye-open:before{content:"\E105"}.glyphicon-eye-close:before{content:"\E106"}.glyphicon-warning-sign:before{content:"\E107"}.glyphicon-plane:before{content:"\E108"}.glyphicon-calendar:before{content:"\E109"}.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-bell:before{content:"\E123"}.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-wrench:before{content:"\E136"}.glyphicon-tasks:before{content:"\E137"}.glyphicon-filter:before{content:"\E138"}.glyphicon-briefcase:before{content:"\E139"}.glyphicon-fullscreen:before{content:"\E140"}.glyphicon-dashboard:before{content:"\E141"}.glyphicon-paperclip:before{content:"\E142"}.glyphicon-heart-empty:before{content:"\E143"}.glyphicon-link:before{content:"\E144"}.glyphicon-phone:before{content:"\E145"}.glyphicon-pushpin:before{content:"\E146"}.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"}.caret{display:inline-block;width:0;height:0;margin-left:2px;vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.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;list-style:none;font-size:15px;background-color:#ffffff;border:1px solid #cccccc;border:1px solid rgba(0,0,0,0.15);border-radius:0;-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:9.5px 0;overflow:hidden;background-color:rgba(0,0,0,0.2)}.dropdown-menu>li>a{display:block;padding:3px 20px;clear:both;font-weight:normal;line-height:1.42857143;color:#555555;white-space:nowrap}.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus{text-decoration:none;color:#262626;background-color:#eeeeee}.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus{color:#ffffff;text-decoration:none;outline:0;background-color:#008cba}.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{color:#999999}.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus{text-decoration:none;background-color:transparent;background-image:none;filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);cursor:not-allowed}.open>.dropdown-menu{display:block}.open>a{outline:0}.dropdown-menu-right{left:auto;right:0}.dropdown-menu-left{left:0;right:auto}.dropdown-header{display:block;padding:3px 20px;font-size:12px;line-height:1.42857143;color:#999999}.dropdown-backdrop{position:fixed;left:0;right:0;bottom:0;top:0;z-index:990}.pull-right>.dropdown-menu{right:0;left:auto}.dropup .caret,.navbar-fixed-bottom .dropdown .caret{border-top:0;border-bottom:4px solid;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{left:auto;right:0}.navbar-right .dropdown-menu-left{left:0;right:auto}}.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:none}.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{margin-left:-5px}.btn-toolbar .btn-group,.btn-toolbar .input-group{float:left}.btn-toolbar>.btn,.btn-toolbar>.btn-group,.btn-toolbar>.input-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-bottom-right-radius:0;border-top-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-bottom-right-radius:0;border-top-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>.btn+.dropdown-toggle{padding-left:8px;padding-right:8px}.btn-group>.btn-lg+.dropdown-toggle{padding-left:12px;padding-right: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-group.open .dropdown-toggle.btn-link{-webkit-box-shadow:none;box-shadow:none}.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,.btn-group-vertical>.btn-group>.btn{display:block;float:none;width:100%;max-width:100%}.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:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn:last-child:not(:first-child){border-bottom-left-radius:0;border-top-right-radius:0;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:not(:last-child)>.btn:last-child,.btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child{border-top-right-radius:0;border-top-left-radius:0}.btn-group-justified{display:table;width:100%;table-layout:fixed;border-collapse:separate}.btn-group-justified>.btn,.btn-group-justified>.btn-group{float:none;display:table-cell;width:1%}.btn-group-justified>.btn-group .btn{width:100%}[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[class*="col-"]{float:none;padding-left:0;padding-right:0}.input-group .form-control{position:relative;z-index:2;float:left;width:100%;margin-bottom:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn>.btn{height:48px;padding:10px 16px;font-size:19px;line-height:1.33;border-radius:0}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn>.btn{height:48px;line-height:48px}textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn>.btn,select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].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:0}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,select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,select[multiple].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:15px;font-weight:normal;line-height:1;color:#6f6f6f;text-align:center;background-color:#eeeeee;border:1px solid #cccccc;border-radius:0}.input-group-addon.input-sm{padding:5px 10px;font-size:12px;border-radius:0}.input-group-addon.input-lg{padding:10px 16px;font-size:19px;border-radius:0}.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>.btn-group>.btn,.input-group-btn:first-child>.dropdown-toggle,.input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group-btn:last-child>.btn-group:not(:last-child)>.btn{border-bottom-right-radius:0;border-top-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>.btn-group>.btn,.input-group-btn:last-child>.dropdown-toggle,.input-group-btn:first-child>.btn:not(:first-child),.input-group-btn:first-child>.btn-group:not(:first-child)>.btn{border-bottom-left-radius:0;border-top-left-radius:0}.input-group-addon:last-child{border-left:0}.input-group-btn{position:relative;font-size:0;white-space:nowrap}.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}.input-group-btn>.btn:hover,.input-group-btn>.btn:focus,.input-group-btn>.btn:active{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}.input-group-btn:last-child>.btn,.input-group-btn:last-child>.btn-group{margin-left:-1px}.nav{margin-bottom:0;padding-left:0;list-style:none}.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:#eeeeee}.nav>li.disabled>a{color:#999999}.nav>li.disabled>a:hover,.nav>li.disabled>a:focus{color:#999999;text-decoration:none;background-color:transparent;cursor:not-allowed}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{background-color:#eeeeee;border-color:#008cba}.nav .nav-divider{height:1px;margin:9.5px 0;overflow:hidden;background-color:#e5e5e5}.nav>li>a>img{max-width:none}.nav-tabs{border-bottom:1px solid #dddddd}.nav-tabs>li{float:left;margin-bottom:-1px}.nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:0 0 0 0}.nav-tabs>li>a:hover{border-color:#eeeeee #eeeeee #dddddd}.nav-tabs>li.active>a,.nav-tabs>li.active>a:hover,.nav-tabs>li.active>a:focus{color:#6f6f6f;background-color:#ffffff;border:1px solid #dddddd;border-bottom-color:transparent;cursor:default}.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;margin-bottom:5px}.nav-tabs.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-tabs.nav-justified>li{display:table-cell;width:1%}.nav-tabs.nav-justified>li>a{margin-bottom:0}}.nav-tabs.nav-justified>li>a{margin-right:0;border-radius:0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border:1px solid #dddddd}@media (min-width:768px){.nav-tabs.nav-justified>li>a{border-bottom:1px solid #dddddd;border-radius:0 0 0 0}.nav-tabs.nav-justified>.active>a,.nav-tabs.nav-justified>.active>a:hover,.nav-tabs.nav-justified>.active>a:focus{border-bottom-color:#ffffff}}.nav-pills>li{float:left}.nav-pills>li>a{border-radius:0}.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:#ffffff;background-color:#008cba}.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;margin-bottom:5px}.nav-justified>.dropdown .dropdown-menu{top:auto;left:auto}@media (min-width:768px){.nav-justified>li{display:table-cell;width:1%}.nav-justified>li>a{margin-bottom:0}}.nav-tabs-justified{border-bottom:0}.nav-tabs-justified>li>a{margin-right:0;border-radius:0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border:1px solid #dddddd}@media (min-width:768px){.nav-tabs-justified>li>a{border-bottom:1px solid #dddddd;border-radius:0 0 0 0}.nav-tabs-justified>.active>a,.nav-tabs-justified>.active>a:hover,.nav-tabs-justified>.active>a:focus{border-bottom-color:#ffffff}}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-right-radius:0;border-top-left-radius:0}.navbar{position:relative;min-height:45px;margin-bottom:21px;border:1px solid transparent}@media (min-width:768px){.navbar{border-radius:0}}@media (min-width:768px){.navbar-header{float:left}}.navbar-collapse{max-height:340px;overflow-x:visible;padding-right:15px;padding-left:15px;border-top:1px solid transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);-webkit-overflow-scrolling:touch}.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-fixed-top .navbar-collapse,.navbar-static-top .navbar-collapse,.navbar-fixed-bottom .navbar-collapse{padding-left:0;padding-right:0}}.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:-15px;margin-left:-15px}@media (min-width:768px){.container>.navbar-header,.container-fluid>.navbar-header,.container>.navbar-collapse,.container-fluid>.navbar-collapse{margin-right:0;margin-left:0}}.navbar-static-top{z-index:1000;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;z-index:1030}@media (min-width:768px){.navbar-fixed-top,.navbar-fixed-bottom{border-radius:0}}.navbar-fixed-top{top:0;border-width:0 0 1px}.navbar-fixed-bottom{bottom:0;margin-bottom:0;border-width:1px 0 0}.navbar-brand{float:left;padding:12px 15px;font-size:19px;line-height:21px;height:45px}.navbar-brand:hover,.navbar-brand:focus{text-decoration:none}@media (min-width:768px){.navbar>.container .navbar-brand,.navbar>.container-fluid .navbar-brand{margin-left:-15px}}.navbar-toggle{position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:5.5px;margin-bottom:5.5px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:0}.navbar-toggle:focus{outline:none}.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:6px -15px}.navbar-nav>li>a{padding-top:10px;padding-bottom:10px;line-height:21px}@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:21px}.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:12px;padding-bottom:12px}.navbar-nav.navbar-right:last-child{margin-right:-15px}}@media (min-width:768px){.navbar-left{float:left !important}.navbar-right{float:right !important}}.navbar-form{margin-left:-15px;margin-right:-15px;padding:10px 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);margin-top:5px;margin-bottom:5px}@media (min-width:768px){.navbar-form .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.navbar-form .form-control{display:inline-block;width:auto;vertical-align:middle}.navbar-form .input-group>.form-control{width:100%}.navbar-form .control-label{margin-bottom:0;vertical-align:middle}.navbar-form .radio,.navbar-form .checkbox{display:inline-block;margin-top:0;margin-bottom:0;padding-left:0;vertical-align:middle}.navbar-form .radio input[type="radio"],.navbar-form .checkbox input[type="checkbox"]{float:none;margin-left:0}.navbar-form .has-feedback .form-control-feedback{top:0}}@media (max-width:767px){.navbar-form .form-group{margin-bottom:5px}}@media (min-width:768px){.navbar-form{width:auto;border:0;margin-left:0;margin-right:0;padding-top:0;padding-bottom:0;-webkit-box-shadow:none;box-shadow:none}.navbar-form.navbar-right:last-child{margin-right:-15px}}.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-btn{margin-top:5px;margin-bottom:5px}.navbar-btn.btn-sm{margin-top:7.5px;margin-bottom:7.5px}.navbar-btn.btn-xs{margin-top:11.5px;margin-bottom:11.5px}.navbar-text{margin-top:12px;margin-bottom:12px}@media (min-width:768px){.navbar-text{float:left;margin-left:15px;margin-right:15px}.navbar-text.navbar-right:last-child{margin-right:0}}.navbar-default{background-color:#333333;border-color:#222222}.navbar-default .navbar-brand{color:#ffffff}.navbar-default .navbar-brand:hover,.navbar-default .navbar-brand:focus{color:#ffffff;background-color:transparent}.navbar-default .navbar-text{color:#ffffff}.navbar-default .navbar-nav>li>a{color:#ffffff}.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#ffffff;background-color:#272727}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus{color:#ffffff;background-color:#272727}.navbar-default .navbar-nav>.disabled>a,.navbar-default .navbar-nav>.disabled>a:hover,.navbar-default .navbar-nav>.disabled>a:focus{color:#cccccc;background-color:transparent}.navbar-default .navbar-toggle{border-color:transparent}.navbar-default .navbar-toggle:hover,.navbar-default .navbar-toggle:focus{background-color:transparent}.navbar-default .navbar-toggle .icon-bar{background-color:#ffffff}.navbar-default .navbar-collapse,.navbar-default .navbar-form{border-color:#222222}.navbar-default .navbar-nav>.open>a,.navbar-default .navbar-nav>.open>a:hover,.navbar-default .navbar-nav>.open>a:focus{background-color:#272727;color:#ffffff}@media (max-width:767px){.navbar-default .navbar-nav .open .dropdown-menu>li>a{color:#ffffff}.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{color:#ffffff;background-color:#272727}.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:#ffffff;background-color:#272727}.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:#cccccc;background-color:transparent}}.navbar-default .navbar-link{color:#ffffff}.navbar-default .navbar-link:hover{color:#ffffff}.navbar-inverse{background-color:#008cba;border-color:#006687}.navbar-inverse .navbar-brand{color:#ffffff}.navbar-inverse .navbar-brand:hover,.navbar-inverse .navbar-brand:focus{color:#ffffff;background-color:transparent}.navbar-inverse .navbar-text{color:#ffffff}.navbar-inverse .navbar-nav>li>a{color:#ffffff}.navbar-inverse .navbar-nav>li>a:hover,.navbar-inverse .navbar-nav>li>a:focus{color:#ffffff;background-color:#006687}.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>.active>a:focus{color:#ffffff;background-color:#006687}.navbar-inverse .navbar-nav>.disabled>a,.navbar-inverse .navbar-nav>.disabled>a:hover,.navbar-inverse .navbar-nav>.disabled>a:focus{color:#444444;background-color:transparent}.navbar-inverse .navbar-toggle{border-color:transparent}.navbar-inverse .navbar-toggle:hover,.navbar-inverse .navbar-toggle:focus{background-color:transparent}.navbar-inverse .navbar-toggle .icon-bar{background-color:#ffffff}.navbar-inverse .navbar-collapse,.navbar-inverse .navbar-form{border-color:#007196}.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a:focus{background-color:#006687;color:#ffffff}@media (max-width:767px){.navbar-inverse .navbar-nav .open .dropdown-menu>.dropdown-header{border-color:#006687}.navbar-inverse .navbar-nav .open .dropdown-menu .divider{background-color:#006687}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a{color:#ffffff}.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover,.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus{color:#ffffff;background-color:#006687}.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:#ffffff;background-color:#006687}.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:#444444;background-color:transparent}}.navbar-inverse .navbar-link{color:#ffffff}.navbar-inverse .navbar-link:hover{color:#ffffff}.breadcrumb{padding:8px 15px;margin-bottom:21px;list-style:none;background-color:#f5f5f5;border-radius:0}.breadcrumb>li{display:inline-block}.breadcrumb>li+li:before{content:"/\A0";padding:0 5px;color:#999999}.breadcrumb>.active{color:#333333}.pagination{display:inline-block;padding-left:0;margin:21px 0;border-radius:0}.pagination>li{display:inline}.pagination>li>a,.pagination>li>span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;text-decoration:none;color:#008cba;background-color:transparent;border:1px solid transparent;margin-left:-1px}.pagination>li:first-child>a,.pagination>li:first-child>span{margin-left:0;border-bottom-left-radius:0;border-top-left-radius:0}.pagination>li:last-child>a,.pagination>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pagination>li>a:hover,.pagination>li>span:hover,.pagination>li>a:focus,.pagination>li>span:focus{color:#00526e;background-color:#eeeeee;border-color:transparent}.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:#ffffff;background-color:#008cba;border-color:transparent;cursor:default}.pagination>.disabled>span,.pagination>.disabled>span:hover,.pagination>.disabled>span:focus,.pagination>.disabled>a,.pagination>.disabled>a:hover,.pagination>.disabled>a:focus{color:#999999;background-color:#ffffff;border-color:transparent;cursor:not-allowed}.pagination-lg>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:19px}.pagination-lg>li:first-child>a,.pagination-lg>li:first-child>span{border-bottom-left-radius:0;border-top-left-radius:0}.pagination-lg>li:last-child>a,.pagination-lg>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.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:0;border-top-left-radius:0}.pagination-sm>li:last-child>a,.pagination-sm>li:last-child>span{border-bottom-right-radius:0;border-top-right-radius:0}.pager{padding-left:0;margin:21px 0;list-style:none;text-align:center}.pager li{display:inline}.pager li>a,.pager li>span{display:inline-block;padding:5px 14px;background-color:transparent;border:1px solid transparent;border-radius:3px}.pager li>a:hover,.pager li>a:focus{text-decoration:none;background-color:#eeeeee}.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:#999999;background-color:transparent;cursor:not-allowed}.label{display:inline;padding:.2em .6em .3em;font-size:75%;font-weight:bold;line-height:1;color:#ffffff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em}.label[href]:hover,.label[href]:focus{color:#ffffff;text-decoration:none;cursor:pointer}.label:empty{display:none}.btn .label{position:relative;top:-1px}.label-default{background-color:#999999}.label-default[href]:hover,.label-default[href]:focus{background-color:#808080}.label-primary{background-color:#008cba}.label-primary[href]:hover,.label-primary[href]:focus{background-color:#006687}.label-success{background-color:#43ac6a}.label-success[href]:hover,.label-success[href]:focus{background-color:#358753}.label-info{background-color:#5bc0de}.label-info[href]:hover,.label-info[href]:focus{background-color:#31b0d5}.label-warning{background-color:#e99002}.label-warning[href]:hover,.label-warning[href]:focus{background-color:#b67102}.label-danger{background-color:#f04124}.label-danger[href]:hover,.label-danger[href]:focus{background-color:#d32a0e}.badge{display:inline-block;min-width:10px;padding:3px 7px;font-size:12px;font-weight:bold;color:#777777;line-height:1;vertical-align:baseline;white-space:nowrap;text-align:center;background-color:#e7e7e7;border-radius:10px}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.btn-xs .badge{top:0;padding:1px 5px}a.badge:hover,a.badge:focus{color:#ffffff;text-decoration:none;cursor:pointer}a.list-group-item.active>.badge,.nav-pills>.active>a>.badge{color:#008cba;background-color:#ffffff}.nav-pills>li>a>.badge{margin-left:3px}.jumbotron{padding:30px;margin-bottom:30px;color:inherit;background-color:#fafafa}.jumbotron h1,.jumbotron .h1{color:inherit}.jumbotron p{margin-bottom:15px;font-size:23px;font-weight:200}.container .jumbotron{border-radius:0}.jumbotron .container{max-width:100%}@media screen and (min-width:768px){.jumbotron{padding-top:48px;padding-bottom:48px}.container .jumbotron{padding-left:60px;padding-right:60px}.jumbotron h1,.jumbotron .h1{font-size:67.5px}}.thumbnail{display:block;padding:4px;margin-bottom:21px;line-height:1.42857143;background-color:#ffffff;border:1px solid #dddddd;border-radius:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.thumbnail>img,.thumbnail a>img{margin-left:auto;margin-right:auto}a.thumbnail:hover,a.thumbnail:focus,a.thumbnail.active{border-color:#008cba}.thumbnail .caption{padding:9px;color:#222222}.alert{padding:15px;margin-bottom:21px;border:1px solid transparent;border-radius:0}.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{background-color:#43ac6a;border-color:#3c9a5f;color:#ffffff}.alert-success hr{border-top-color:#358753}.alert-success .alert-link{color:#e6e6e6}.alert-info{background-color:#5bc0de;border-color:#3db5d8;color:#ffffff}.alert-info hr{border-top-color:#2aabd2}.alert-info .alert-link{color:#e6e6e6}.alert-warning{background-color:#e99002;border-color:#d08002;color:#ffffff}.alert-warning hr{border-top-color:#b67102}.alert-warning .alert-link{color:#e6e6e6}.alert-danger{background-color:#f04124;border-color:#ea2f10;color:#ffffff}.alert-danger hr{border-top-color:#d32a0e}.alert-danger .alert-link{color:#e6e6e6}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.progress{overflow:hidden;height:21px;margin-bottom:21px;background-color:#f5f5f5;border-radius:0;-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;line-height:21px;color:#ffffff;text-align:center;background-color:#008cba;-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 0.6s ease;transition:width 0.6s ease}.progress-striped .progress-bar{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: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;animation:progress-bar-stripes 2s linear infinite}.progress-bar-success{background-color:#43ac6a}.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: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-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:#e99002}.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: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:#f04124}.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: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{margin-bottom:20px;padding-left:0}.list-group-item{position:relative;display:block;padding:10px 15px;margin-bottom:-1px;background-color:#ffffff;border:1px solid #dddddd}.list-group-item:first-child{border-top-right-radius:0;border-top-left-radius:0}.list-group-item:last-child{margin-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.list-group-item>.badge{float:right}.list-group-item>.badge+.badge{margin-right:5px}a.list-group-item{color:#555555}a.list-group-item .list-group-item-heading{color:#333333}a.list-group-item:hover,a.list-group-item:focus{text-decoration:none;background-color:#f5f5f5}a.list-group-item.active,a.list-group-item.active:hover,a.list-group-item.active:focus{z-index:2;color:#ffffff;background-color:#008cba;border-color:#008cba}a.list-group-item.active .list-group-item-heading,a.list-group-item.active:hover .list-group-item-heading,a.list-group-item.active:focus .list-group-item-heading{color:inherit}a.list-group-item.active .list-group-item-text,a.list-group-item.active:hover .list-group-item-text,a.list-group-item.active:focus .list-group-item-text{color:#87e1ff}.list-group-item-success{color:#43ac6a;background-color:#dff0d8}a.list-group-item-success{color:#43ac6a}a.list-group-item-success .list-group-item-heading{color:inherit}a.list-group-item-success:hover,a.list-group-item-success:focus{color:#43ac6a;background-color:#d0e9c6}a.list-group-item-success.active,a.list-group-item-success.active:hover,a.list-group-item-success.active:focus{color:#fff;background-color:#43ac6a;border-color:#43ac6a}.list-group-item-info{color:#5bc0de;background-color:#d9edf7}a.list-group-item-info{color:#5bc0de}a.list-group-item-info .list-group-item-heading{color:inherit}a.list-group-item-info:hover,a.list-group-item-info:focus{color:#5bc0de;background-color:#c4e3f3}a.list-group-item-info.active,a.list-group-item-info.active:hover,a.list-group-item-info.active:focus{color:#fff;background-color:#5bc0de;border-color:#5bc0de}.list-group-item-warning{color:#e99002;background-color:#fcf8e3}a.list-group-item-warning{color:#e99002}a.list-group-item-warning .list-group-item-heading{color:inherit}a.list-group-item-warning:hover,a.list-group-item-warning:focus{color:#e99002;background-color:#faf2cc}a.list-group-item-warning.active,a.list-group-item-warning.active:hover,a.list-group-item-warning.active:focus{color:#fff;background-color:#e99002;border-color:#e99002}.list-group-item-danger{color:#f04124;background-color:#f2dede}a.list-group-item-danger{color:#f04124}a.list-group-item-danger .list-group-item-heading{color:inherit}a.list-group-item-danger:hover,a.list-group-item-danger:focus{color:#f04124;background-color:#ebcccc}a.list-group-item-danger.active,a.list-group-item-danger.active:hover,a.list-group-item-danger.active:focus{color:#fff;background-color:#f04124;border-color:#f04124}.list-group-item-heading{margin-top:0;margin-bottom:5px}.list-group-item-text{margin-bottom:0;line-height:1.3}.panel{margin-bottom:21px;background-color:#ffffff;border:1px solid transparent;border-radius:0;-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-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:-1;border-top-left-radius:-1}.panel-heading>.dropdown .dropdown-toggle{color:inherit}.panel-title{margin-top:0;margin-bottom:0;font-size:17px;color:inherit}.panel-title>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #dddddd;border-bottom-right-radius:-1;border-bottom-left-radius:-1}.panel>.list-group{margin-bottom:0}.panel>.list-group .list-group-item{border-width:1px 0;border-radius:0}.panel>.list-group:first-child .list-group-item:first-child{border-top:0;border-top-right-radius:-1;border-top-left-radius:-1}.panel>.list-group:last-child .list-group-item:last-child{border-bottom:0;border-bottom-right-radius:-1;border-bottom-left-radius:-1}.panel-heading+.list-group .list-group-item:first-child{border-top-width:0}.panel>.table,.panel>.table-responsive>.table{margin-bottom:0}.panel>.table:first-child,.panel>.table-responsive:first-child>.table:first-child{border-top-right-radius:-1;border-top-left-radius:-1}.panel>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.panel>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:first-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{border-top-left-radius:-1}.panel>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,.panel>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,.panel>.table:first-child>tbody:first-child>tr:first-child th:last-child,.panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{border-top-right-radius:-1}.panel>.table:last-child,.panel>.table-responsive:last-child>.table:last-child{border-bottom-right-radius:-1;border-bottom-left-radius:-1}.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{border-bottom-left-radius:-1}.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,.panel>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,.panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child,.panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{border-bottom-right-radius:-1}.panel>.panel-body+.table,.panel>.panel-body+.table-responsive{border-top:1px solid #dddddd}.panel>.table>tbody:first-child>tr:first-child th,.panel>.table>tbody:first-child>tr:first-child td{border-top:0}.panel>.table-bordered,.panel>.table-responsive>.table-bordered{border:0}.panel>.table-bordered>thead>tr>th:first-child,.panel>.table-responsive>.table-bordered>thead>tr>th:first-child,.panel>.table-bordered>tbody>tr>th:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:first-child,.panel>.table-bordered>tfoot>tr>th:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child,.panel>.table-bordered>thead>tr>td:first-child,.panel>.table-responsive>.table-bordered>thead>tr>td:first-child,.panel>.table-bordered>tbody>tr>td:first-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:first-child,.panel>.table-bordered>tfoot>tr>td:first-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.panel>.table-bordered>thead>tr>th:last-child,.panel>.table-responsive>.table-bordered>thead>tr>th:last-child,.panel>.table-bordered>tbody>tr>th:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>th:last-child,.panel>.table-bordered>tfoot>tr>th:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child,.panel>.table-bordered>thead>tr>td:last-child,.panel>.table-responsive>.table-bordered>thead>tr>td:last-child,.panel>.table-bordered>tbody>tr>td:last-child,.panel>.table-responsive>.table-bordered>tbody>tr>td:last-child,.panel>.table-bordered>tfoot>tr>td:last-child,.panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.panel>.table-bordered>thead>tr:first-child>td,.panel>.table-responsive>.table-bordered>thead>tr:first-child>td,.panel>.table-bordered>tbody>tr:first-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>td,.panel>.table-bordered>thead>tr:first-child>th,.panel>.table-responsive>.table-bordered>thead>tr:first-child>th,.panel>.table-bordered>tbody>tr:first-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{border-bottom:0}.panel>.table-bordered>tbody>tr:last-child>td,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>td,.panel>.table-bordered>tfoot>tr:last-child>td,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td,.panel>.table-bordered>tbody>tr:last-child>th,.panel>.table-responsive>.table-bordered>tbody>tr:last-child>th,.panel>.table-bordered>tfoot>tr:last-child>th,.panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}.panel>.table-responsive{border:0;margin-bottom:0}.panel-group{margin-bottom:21px}.panel-group .panel{margin-bottom:0;border-radius:0;overflow:hidden}.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 #dddddd}.panel-group .panel-footer{border-top:0}.panel-group .panel-footer+.panel-collapse .panel-body{border-bottom:1px solid #dddddd}.panel-default{border-color:#dddddd}.panel-default>.panel-heading{color:#333333;background-color:#f5f5f5;border-color:#dddddd}.panel-default>.panel-heading+.panel-collapse .panel-body{border-top-color:#dddddd}.panel-default>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#dddddd}.panel-primary{border-color:#008cba}.panel-primary>.panel-heading{color:#ffffff;background-color:#008cba;border-color:#008cba}.panel-primary>.panel-heading+.panel-collapse .panel-body{border-top-color:#008cba}.panel-primary>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#008cba}.panel-success{border-color:#3c9a5f}.panel-success>.panel-heading{color:#43ac6a;background-color:#dff0d8;border-color:#3c9a5f}.panel-success>.panel-heading+.panel-collapse .panel-body{border-top-color:#3c9a5f}.panel-success>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#3c9a5f}.panel-info{border-color:#3db5d8}.panel-info>.panel-heading{color:#5bc0de;background-color:#d9edf7;border-color:#3db5d8}.panel-info>.panel-heading+.panel-collapse .panel-body{border-top-color:#3db5d8}.panel-info>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#3db5d8}.panel-warning{border-color:#d08002}.panel-warning>.panel-heading{color:#e99002;background-color:#fcf8e3;border-color:#d08002}.panel-warning>.panel-heading+.panel-collapse .panel-body{border-top-color:#d08002}.panel-warning>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#d08002}.panel-danger{border-color:#ea2f10}.panel-danger>.panel-heading{color:#f04124;background-color:#f2dede;border-color:#ea2f10}.panel-danger>.panel-heading+.panel-collapse .panel-body{border-top-color:#ea2f10}.panel-danger>.panel-footer+.panel-collapse .panel-body{border-bottom-color:#ea2f10}.well{min-height:20px;padding:19px;margin-bottom:20px;background-color:#fafafa;border:1px solid #e8e8e8;border-radius:0;-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:0}.well-sm{padding:9px;border-radius:0}.close{float:right;font-size:22.5px;font-weight:bold;line-height:1;color:#000000;text-shadow:0 1px 0 #ffffff;opacity:0.2;filter:alpha(opacity=20)}.close:hover,.close:focus{color:#000000;text-decoration:none;cursor:pointer;opacity:0.5;filter:alpha(opacity=50)}button.close{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.modal-open{overflow:hidden}.modal{display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;-webkit-overflow-scrolling:touch;outline:0}.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{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#ffffff;border:1px solid #999999;border:1px solid rgba(0,0,0,0.2);border-radius: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;outline:none}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000000}.modal-backdrop.fade{opacity:0;filter:alpha(opacity=0)}.modal-backdrop.in{opacity:0.5;filter:alpha(opacity=50)}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5;min-height:16.42857143px}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:20px}.modal-footer{margin-top:15px;padding:19px 20px 20px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-left:5px;margin-bottom:0}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.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)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1030;display:block;visibility:visible;font-size:12px;line-height:1.4;opacity:0;filter:alpha(opacity=0)}.tooltip.in{opacity:0.9;filter:alpha(opacity=90)}.tooltip.top{margin-top:-3px;padding:5px 0}.tooltip.right{margin-left:3px;padding:0 5px}.tooltip.bottom{margin-top:3px;padding:5px 0}.tooltip.left{margin-left:-3px;padding:0 5px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#ffffff;text-align:center;text-decoration:none;background-color:#333333;border-radius:0}.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-width:5px 5px 0;border-top-color:#333333}.tooltip.top-left .tooltip-arrow{bottom:0;left:5px;border-width:5px 5px 0;border-top-color:#333333}.tooltip.top-right .tooltip-arrow{bottom:0;right:5px;border-width:5px 5px 0;border-top-color:#333333}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#333333}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#333333}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#333333}.tooltip.bottom-left .tooltip-arrow{top:0;left:5px;border-width:0 5px 5px;border-bottom-color:#333333}.tooltip.bottom-right .tooltip-arrow{top:0;right:5px;border-width:0 5px 5px;border-bottom-color:#333333}.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;background-color:#333333;background-clip:padding-box;border:1px solid #333333;border:1px solid transparent;border-radius:0;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2);white-space:normal}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{margin:0;padding:8px 14px;font-size:15px;font-weight:normal;line-height:18px;background-color:#333333;border-bottom:1px solid #262626;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{left:50%;margin-left:-11px;border-bottom-width:0;border-top-color:#000000;border-top-color:rgba(0,0,0,0.05);bottom:-11px}.popover.top>.arrow:after{content:" ";bottom:1px;margin-left:-10px;border-bottom-width:0;border-top-color:#333333}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-left-width:0;border-right-color:#000000;border-right-color:rgba(0,0,0,0.05)}.popover.right>.arrow:after{content:" ";left:1px;bottom:-10px;border-left-width:0;border-right-color:#333333}.popover.bottom>.arrow{left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#000000;border-bottom-color:rgba(0,0,0,0.05);top:-11px}.popover.bottom>.arrow:after{content:" ";top:1px;margin-left:-10px;border-top-width:0;border-bottom-color:#333333}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#000000;border-left-color:rgba(0,0,0,0.05)}.popover.left>.arrow:after{content:" ";right:1px;border-right-width:0;border-left-color:#333333;bottom:-10px}.carousel{position:relative}.carousel-inner{position:relative;overflow:hidden;width:100%}.carousel-inner>.item{display:none;position:relative;-webkit-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>img,.carousel-inner>.item>a>img{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;left:0;bottom:0;width:15%;opacity:0.5;filter:alpha(opacity=50);font-size:20px;color:#ffffff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,0.6)}.carousel-control.left{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: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{left:auto;right:0;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: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{outline:none;color:#ffffff;text-decoration:none;opacity:0.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%;z-index:5;display:inline-block}.carousel-control .icon-prev,.carousel-control .glyphicon-chevron-left{left:50%}.carousel-control .icon-next,.carousel-control .glyphicon-chevron-right{right:50%}.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%;margin-left:-30%;padding-left:0;list-style:none;text-align:center}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;border:1px solid #ffffff;border-radius:10px;cursor:pointer;background-color:#000 \9;background-color:rgba(0,0,0,0)}.carousel-indicators .active{margin:0;width:12px;height:12px;background-color:#ffffff}.carousel-caption{position:absolute;left:15%;right:15%;bottom:20px;z-index:10;padding-top:20px;padding-bottom:20px;color:#ffffff;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 .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-prev,.carousel-control .icon-next{width:30px;height:30px;margin-top:-15px;margin-left:-15px;font-size:30px}.carousel-caption{left:20%;right:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after,.form-horizontal .form-group:before,.form-horizontal .form-group:after,.btn-toolbar:before,.btn-toolbar:after,.btn-group-vertical>.btn-group:before,.btn-group-vertical>.btn-group:after,.nav:before,.nav:after,.navbar:before,.navbar:after,.navbar-header:before,.navbar-header:after,.navbar-collapse:before,.navbar-collapse:after,.pager:before,.pager:after,.panel-body:before,.panel-body:after,.modal-footer:before,.modal-footer:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after,.form-horizontal .form-group:after,.btn-toolbar:after,.btn-group-vertical>.btn-group:after,.nav:after,.navbar:after,.navbar-header:after,.navbar-collapse:after,.pager:after,.panel-body:after,.modal-footer:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.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}.hidden{display:none !important;visibility:hidden !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table}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-sm{display:block !important}table.visible-sm{display:table}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-md{display:block !important}table.visible-md{display:table}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}@media print{.hidden-print{display:none !important}}.navbar{border:none;font-size:13px;font-weight:300}.navbar .navbar-toggle:hover .icon-bar{background-color:#b3b3b3}.navbar-collapse{border-top-color:rgba(0,0,0,0.2);-webkit-box-shadow:none;box-shadow:none}.navbar .btn{padding-top:6px;padding-bottom:6px}.navbar .dropdown-menu{border:none}.navbar .dropdown-menu>li>a,.navbar .dropdown-menu>li>a:focus{background-color:transparent;font-size:13px;font-weight:300}.navbar .dropdown-header{color:rgba(255,255,255,0.5)}.navbar-default .dropdown-menu{background-color:#333333}.navbar-default .dropdown-menu>li>a,.navbar-default .dropdown-menu>li>a:focus{color:#ffffff}.navbar-default .dropdown-menu>li>a:hover,.navbar-default .dropdown-menu>.active>a,.navbar-default .dropdown-menu>.active>a:hover{background-color:#272727}.navbar-inverse .dropdown-menu{background-color:#008cba}.navbar-inverse .dropdown-menu>li>a,.navbar-inverse .dropdown-menu>li>a:focus{color:#ffffff}.navbar-inverse .dropdown-menu>li>a:hover,.navbar-inverse .dropdown-menu>.active>a,.navbar-inverse .dropdown-menu>.active>a:hover{background-color:#006687}.btn{padding:14px 28px}.btn-lg{padding:16px 32px}.btn-sm{padding:8px 16px}.btn-xs{padding:4px 8px}.btn-group .btn~.dropdown-toggle{padding-left:16px;padding-right:16px}.btn-group .dropdown-menu{border-top-width:0}.btn-group.dropup .dropdown-menu{border-top-width:1px;border-bottom-width:0;margin-bottom:0}.btn-group .dropdown-toggle.btn-default~.dropdown-menu{background-color:#e7e7e7;border-color:#dadada}.btn-group .dropdown-toggle.btn-default~.dropdown-menu>li>a{color:#333333}.btn-group .dropdown-toggle.btn-default~.dropdown-menu>li>a:hover{background-color:#d3d3d3}.btn-group .dropdown-toggle.btn-primary~.dropdown-menu{background-color:#008cba;border-color:#0079a1}.btn-group .dropdown-toggle.btn-primary~.dropdown-menu>li>a{color:#ffffff}.btn-group .dropdown-toggle.btn-primary~.dropdown-menu>li>a:hover{background-color:#006d91}.btn-group .dropdown-toggle.btn-success~.dropdown-menu{background-color:#43ac6a;border-color:#3c9a5f}.btn-group .dropdown-toggle.btn-success~.dropdown-menu>li>a{color:#ffffff}.btn-group .dropdown-toggle.btn-success~.dropdown-menu>li>a:hover{background-color:#388f58}.btn-group .dropdown-toggle.btn-info~.dropdown-menu{background-color:#5bc0de;border-color:#46b8da}.btn-group .dropdown-toggle.btn-info~.dropdown-menu>li>a{color:#ffffff}.btn-group .dropdown-toggle.btn-info~.dropdown-menu>li>a:hover{background-color:#39b3d7}.btn-group .dropdown-toggle.btn-warning~.dropdown-menu{background-color:#e99002;border-color:#d08002}.btn-group .dropdown-toggle.btn-warning~.dropdown-menu>li>a{color:#ffffff}.btn-group .dropdown-toggle.btn-warning~.dropdown-menu>li>a:hover{background-color:#c17702}.btn-group .dropdown-toggle.btn-danger~.dropdown-menu{background-color:#f04124;border-color:#ea2f10}.btn-group .dropdown-toggle.btn-danger~.dropdown-menu>li>a{color:#ffffff}.btn-group .dropdown-toggle.btn-danger~.dropdown-menu>li>a:hover{background-color:#dc2c0f}.lead{color:#6f6f6f}cite{font-style:italic}blockquote{border-left-width:1px;color:#6f6f6f}blockquote.pull-right{border-right-width:1px}blockquote small{font-size:12px;font-weight:300}table{font-size:12px}input,.form-control{padding:7px}label,.control-label,.help-block,.checkbox,.radio{font-size:12px;font-weight:normal}.input-group-addon,.input-group-btn .btn{padding:8px 14px;font-size:12px}.nav .open>a,.nav .open>a:hover,.nav .open>a:focus{border-color:transparent}.nav-tabs>li>a{background-color:#e7e7e7;color:#222222}.nav-tabs .caret{border-top-color:#222222;border-bottom-color:#222222}.nav-pills{font-weight:300}.breadcrumb{border:1px solid #dddddd;border-radius:3px;font-size:10px;font-weight:300;text-transform:uppercase}.pagination{font-size:12px;font-weight:300;color:#999999}.pagination>li>a,.pagination>li>span{margin-left:4px;color:#999999}.pagination>.active>a,.pagination>.active>span{color:#fff}.pagination>li>a,.pagination>li:first-child>a,.pagination>li:last-child>a,.pagination>li>span,.pagination>li:first-child>span,.pagination>li:last-child>span{border-radius:3px}.pagination-lg>li>a{padding-left:22px;padding-right:22px}.pagination-sm>li>a{padding:0 5px}.pager{font-size:12px;font-weight:300;color:#999999}.list-group{font-size:12px;font-weight:300}.close{opacity:0.4}.close:hover,.close:focus{opacity:1}.alert{font-size:12px;font-weight:300}.alert a,.alert .alert-link{font-weight:normal;color:#fff;text-decoration:underline}.alert .close{color:#fff;text-decoration:none}.alert .close:hover,.alert .close:focus{color:#fff}.label{padding-left:1em;padding-right:1em;border-radius:0;font-weight:300}.label-default{background-color:#e7e7e7;color:#333333}.badge{font-weight:300}.progress{height:22px;padding:2px;background-color:#f6f6f6;border:1px solid #ccc;-webkit-box-shadow:none;box-shadow:none}.dropdown-menu{padding:0;margin-top:0;font-size:12px}.dropdown-menu>li>a{padding:12px 15px}.dropdown-header{padding-left:15px;padding-right:15px;font-size:9px;text-transform:uppercase}.popover{color:#fff;font-size:12px;font-weight:300}.panel-heading,.panel-footer{border-top-right-radius:0;border-top-left-radius:0}/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src:url(/assets/fontawesome-webfont.90186830c9c50a0fed932494581761d9.eot);src:url(/assets/fontawesome-webfont.90186830c9c50a0fed932494581761d9.eot?#iefix&v=4.7.0) format('embedded-opentype'),url(/assets/fontawesome-webfont.1ecc5ff456ebdf4fa853eacb8e2a1de0.woff2) format('woff2'),url(/assets/fontawesome-webfont.10d6a6a6220d8ed8d4d63641689353de.woff) format('woff'),url(/assets/fontawesome-webfont.4f0022f25672c7f501c339cbf98d9117.ttf) format('truetype'),url(/assets/fontawesome-webfont.dc89f84240347782f3a88e9f4d2d62e7.svg#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\F000"}.fa-music:before{content:"\F001"}.fa-search:before{content:"\F002"}.fa-envelope-o:before{content:"\F003"}.fa-heart:before{content:"\F004"}.fa-star:before{content:"\F005"}.fa-star-o:before{content:"\F006"}.fa-user:before{content:"\F007"}.fa-film:before{content:"\F008"}.fa-th-large:before{content:"\F009"}.fa-th:before{content:"\F00A"}.fa-th-list:before{content:"\F00B"}.fa-check:before{content:"\F00C"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\F00D"}.fa-search-plus:before{content:"\F00E"}.fa-search-minus:before{content:"\F010"}.fa-power-off:before{content:"\F011"}.fa-signal:before{content:"\F012"}.fa-gear:before,.fa-cog:before{content:"\F013"}.fa-trash-o:before{content:"\F014"}.fa-home:before{content:"\F015"}.fa-file-o:before{content:"\F016"}.fa-clock-o:before{content:"\F017"}.fa-road:before{content:"\F018"}.fa-download:before{content:"\F019"}.fa-arrow-circle-o-down:before{content:"\F01A"}.fa-arrow-circle-o-up:before{content:"\F01B"}.fa-inbox:before{content:"\F01C"}.fa-play-circle-o:before{content:"\F01D"}.fa-rotate-right:before,.fa-repeat:before{content:"\F01E"}.fa-refresh:before{content:"\F021"}.fa-list-alt:before{content:"\F022"}.fa-lock:before{content:"\F023"}.fa-flag:before{content:"\F024"}.fa-headphones:before{content:"\F025"}.fa-volume-off:before{content:"\F026"}.fa-volume-down:before{content:"\F027"}.fa-volume-up:before{content:"\F028"}.fa-qrcode:before{content:"\F029"}.fa-barcode:before{content:"\F02A"}.fa-tag:before{content:"\F02B"}.fa-tags:before{content:"\F02C"}.fa-book:before{content:"\F02D"}.fa-bookmark:before{content:"\F02E"}.fa-print:before{content:"\F02F"}.fa-camera:before{content:"\F030"}.fa-font:before{content:"\F031"}.fa-bold:before{content:"\F032"}.fa-italic:before{content:"\F033"}.fa-text-height:before{content:"\F034"}.fa-text-width:before{content:"\F035"}.fa-align-left:before{content:"\F036"}.fa-align-center:before{content:"\F037"}.fa-align-right:before{content:"\F038"}.fa-align-justify:before{content:"\F039"}.fa-list:before{content:"\F03A"}.fa-dedent:before,.fa-outdent:before{content:"\F03B"}.fa-indent:before{content:"\F03C"}.fa-video-camera:before{content:"\F03D"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\F03E"}.fa-pencil:before{content:"\F040"}.fa-map-marker:before{content:"\F041"}.fa-adjust:before{content:"\F042"}.fa-tint:before{content:"\F043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\F044"}.fa-share-square-o:before{content:"\F045"}.fa-check-square-o:before{content:"\F046"}.fa-arrows:before{content:"\F047"}.fa-step-backward:before{content:"\F048"}.fa-fast-backward:before{content:"\F049"}.fa-backward:before{content:"\F04A"}.fa-play:before{content:"\F04B"}.fa-pause:before{content:"\F04C"}.fa-stop:before{content:"\F04D"}.fa-forward:before{content:"\F04E"}.fa-fast-forward:before{content:"\F050"}.fa-step-forward:before{content:"\F051"}.fa-eject:before{content:"\F052"}.fa-chevron-left:before{content:"\F053"}.fa-chevron-right:before{content:"\F054"}.fa-plus-circle:before{content:"\F055"}.fa-minus-circle:before{content:"\F056"}.fa-times-circle:before{content:"\F057"}.fa-check-circle:before{content:"\F058"}.fa-question-circle:before{content:"\F059"}.fa-info-circle:before{content:"\F05A"}.fa-crosshairs:before{content:"\F05B"}.fa-times-circle-o:before{content:"\F05C"}.fa-check-circle-o:before{content:"\F05D"}.fa-ban:before{content:"\F05E"}.fa-arrow-left:before{content:"\F060"}.fa-arrow-right:before{content:"\F061"}.fa-arrow-up:before{content:"\F062"}.fa-arrow-down:before{content:"\F063"}.fa-mail-forward:before,.fa-share:before{content:"\F064"}.fa-expand:before{content:"\F065"}.fa-compress:before{content:"\F066"}.fa-plus:before{content:"\F067"}.fa-minus:before{content:"\F068"}.fa-asterisk:before{content:"\F069"}.fa-exclamation-circle:before{content:"\F06A"}.fa-gift:before{content:"\F06B"}.fa-leaf:before{content:"\F06C"}.fa-fire:before{content:"\F06D"}.fa-eye:before{content:"\F06E"}.fa-eye-slash:before{content:"\F070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\F071"}.fa-plane:before{content:"\F072"}.fa-calendar:before{content:"\F073"}.fa-random:before{content:"\F074"}.fa-comment:before{content:"\F075"}.fa-magnet:before{content:"\F076"}.fa-chevron-up:before{content:"\F077"}.fa-chevron-down:before{content:"\F078"}.fa-retweet:before{content:"\F079"}.fa-shopping-cart:before{content:"\F07A"}.fa-folder:before{content:"\F07B"}.fa-folder-open:before{content:"\F07C"}.fa-arrows-v:before{content:"\F07D"}.fa-arrows-h:before{content:"\F07E"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\F080"}.fa-twitter-square:before{content:"\F081"}.fa-facebook-square:before{content:"\F082"}.fa-camera-retro:before{content:"\F083"}.fa-key:before{content:"\F084"}.fa-gears:before,.fa-cogs:before{content:"\F085"}.fa-comments:before{content:"\F086"}.fa-thumbs-o-up:before{content:"\F087"}.fa-thumbs-o-down:before{content:"\F088"}.fa-star-half:before{content:"\F089"}.fa-heart-o:before{content:"\F08A"}.fa-sign-out:before{content:"\F08B"}.fa-linkedin-square:before{content:"\F08C"}.fa-thumb-tack:before{content:"\F08D"}.fa-external-link:before{content:"\F08E"}.fa-sign-in:before{content:"\F090"}.fa-trophy:before{content:"\F091"}.fa-github-square:before{content:"\F092"}.fa-upload:before{content:"\F093"}.fa-lemon-o:before{content:"\F094"}.fa-phone:before{content:"\F095"}.fa-square-o:before{content:"\F096"}.fa-bookmark-o:before{content:"\F097"}.fa-phone-square:before{content:"\F098"}.fa-twitter:before{content:"\F099"}.fa-facebook-f:before,.fa-facebook:before{content:"\F09A"}.fa-github:before{content:"\F09B"}.fa-unlock:before{content:"\F09C"}.fa-credit-card:before{content:"\F09D"}.fa-feed:before,.fa-rss:before{content:"\F09E"}.fa-hdd-o:before{content:"\F0A0"}.fa-bullhorn:before{content:"\F0A1"}.fa-bell:before{content:"\F0F3"}.fa-certificate:before{content:"\F0A3"}.fa-hand-o-right:before{content:"\F0A4"}.fa-hand-o-left:before{content:"\F0A5"}.fa-hand-o-up:before{content:"\F0A6"}.fa-hand-o-down:before{content:"\F0A7"}.fa-arrow-circle-left:before{content:"\F0A8"}.fa-arrow-circle-right:before{content:"\F0A9"}.fa-arrow-circle-up:before{content:"\F0AA"}.fa-arrow-circle-down:before{content:"\F0AB"}.fa-globe:before{content:"\F0AC"}.fa-wrench:before{content:"\F0AD"}.fa-tasks:before{content:"\F0AE"}.fa-filter:before{content:"\F0B0"}.fa-briefcase:before{content:"\F0B1"}.fa-arrows-alt:before{content:"\F0B2"}.fa-group:before,.fa-users:before{content:"\F0C0"}.fa-chain:before,.fa-link:before{content:"\F0C1"}.fa-cloud:before{content:"\F0C2"}.fa-flask:before{content:"\F0C3"}.fa-cut:before,.fa-scissors:before{content:"\F0C4"}.fa-copy:before,.fa-files-o:before{content:"\F0C5"}.fa-paperclip:before{content:"\F0C6"}.fa-save:before,.fa-floppy-o:before{content:"\F0C7"}.fa-square:before{content:"\F0C8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\F0C9"}.fa-list-ul:before{content:"\F0CA"}.fa-list-ol:before{content:"\F0CB"}.fa-strikethrough:before{content:"\F0CC"}.fa-underline:before{content:"\F0CD"}.fa-table:before{content:"\F0CE"}.fa-magic:before{content:"\F0D0"}.fa-truck:before{content:"\F0D1"}.fa-pinterest:before{content:"\F0D2"}.fa-pinterest-square:before{content:"\F0D3"}.fa-google-plus-square:before{content:"\F0D4"}.fa-google-plus:before{content:"\F0D5"}.fa-money:before{content:"\F0D6"}.fa-caret-down:before{content:"\F0D7"}.fa-caret-up:before{content:"\F0D8"}.fa-caret-left:before{content:"\F0D9"}.fa-caret-right:before{content:"\F0DA"}.fa-columns:before{content:"\F0DB"}.fa-unsorted:before,.fa-sort:before{content:"\F0DC"}.fa-sort-down:before,.fa-sort-desc:before{content:"\F0DD"}.fa-sort-up:before,.fa-sort-asc:before{content:"\F0DE"}.fa-envelope:before{content:"\F0E0"}.fa-linkedin:before{content:"\F0E1"}.fa-rotate-left:before,.fa-undo:before{content:"\F0E2"}.fa-legal:before,.fa-gavel:before{content:"\F0E3"}.fa-dashboard:before,.fa-tachometer:before{content:"\F0E4"}.fa-comment-o:before{content:"\F0E5"}.fa-comments-o:before{content:"\F0E6"}.fa-flash:before,.fa-bolt:before{content:"\F0E7"}.fa-sitemap:before{content:"\F0E8"}.fa-umbrella:before{content:"\F0E9"}.fa-paste:before,.fa-clipboard:before{content:"\F0EA"}.fa-lightbulb-o:before{content:"\F0EB"}.fa-exchange:before{content:"\F0EC"}.fa-cloud-download:before{content:"\F0ED"}.fa-cloud-upload:before{content:"\F0EE"}.fa-user-md:before{content:"\F0F0"}.fa-stethoscope:before{content:"\F0F1"}.fa-suitcase:before{content:"\F0F2"}.fa-bell-o:before{content:"\F0A2"}.fa-coffee:before{content:"\F0F4"}.fa-cutlery:before{content:"\F0F5"}.fa-file-text-o:before{content:"\F0F6"}.fa-building-o:before{content:"\F0F7"}.fa-hospital-o:before{content:"\F0F8"}.fa-ambulance:before{content:"\F0F9"}.fa-medkit:before{content:"\F0FA"}.fa-fighter-jet:before{content:"\F0FB"}.fa-beer:before{content:"\F0FC"}.fa-h-square:before{content:"\F0FD"}.fa-plus-square:before{content:"\F0FE"}.fa-angle-double-left:before{content:"\F100"}.fa-angle-double-right:before{content:"\F101"}.fa-angle-double-up:before{content:"\F102"}.fa-angle-double-down:before{content:"\F103"}.fa-angle-left:before{content:"\F104"}.fa-angle-right:before{content:"\F105"}.fa-angle-up:before{content:"\F106"}.fa-angle-down:before{content:"\F107"}.fa-desktop:before{content:"\F108"}.fa-laptop:before{content:"\F109"}.fa-tablet:before{content:"\F10A"}.fa-mobile-phone:before,.fa-mobile:before{content:"\F10B"}.fa-circle-o:before{content:"\F10C"}.fa-quote-left:before{content:"\F10D"}.fa-quote-right:before{content:"\F10E"}.fa-spinner:before{content:"\F110"}.fa-circle:before{content:"\F111"}.fa-mail-reply:before,.fa-reply:before{content:"\F112"}.fa-github-alt:before{content:"\F113"}.fa-folder-o:before{content:"\F114"}.fa-folder-open-o:before{content:"\F115"}.fa-smile-o:before{content:"\F118"}.fa-frown-o:before{content:"\F119"}.fa-meh-o:before{content:"\F11A"}.fa-gamepad:before{content:"\F11B"}.fa-keyboard-o:before{content:"\F11C"}.fa-flag-o:before{content:"\F11D"}.fa-flag-checkered:before{content:"\F11E"}.fa-terminal:before{content:"\F120"}.fa-code:before{content:"\F121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\F122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\F123"}.fa-location-arrow:before{content:"\F124"}.fa-crop:before{content:"\F125"}.fa-code-fork:before{content:"\F126"}.fa-unlink:before,.fa-chain-broken:before{content:"\F127"}.fa-question:before{content:"\F128"}.fa-info:before{content:"\F129"}.fa-exclamation:before{content:"\F12A"}.fa-superscript:before{content:"\F12B"}.fa-subscript:before{content:"\F12C"}.fa-eraser:before{content:"\F12D"}.fa-puzzle-piece:before{content:"\F12E"}.fa-microphone:before{content:"\F130"}.fa-microphone-slash:before{content:"\F131"}.fa-shield:before{content:"\F132"}.fa-calendar-o:before{content:"\F133"}.fa-fire-extinguisher:before{content:"\F134"}.fa-rocket:before{content:"\F135"}.fa-maxcdn:before{content:"\F136"}.fa-chevron-circle-left:before{content:"\F137"}.fa-chevron-circle-right:before{content:"\F138"}.fa-chevron-circle-up:before{content:"\F139"}.fa-chevron-circle-down:before{content:"\F13A"}.fa-html5:before{content:"\F13B"}.fa-css3:before{content:"\F13C"}.fa-anchor:before{content:"\F13D"}.fa-unlock-alt:before{content:"\F13E"}.fa-bullseye:before{content:"\F140"}.fa-ellipsis-h:before{content:"\F141"}.fa-ellipsis-v:before{content:"\F142"}.fa-rss-square:before{content:"\F143"}.fa-play-circle:before{content:"\F144"}.fa-ticket:before{content:"\F145"}.fa-minus-square:before{content:"\F146"}.fa-minus-square-o:before{content:"\F147"}.fa-level-up:before{content:"\F148"}.fa-level-down:before{content:"\F149"}.fa-check-square:before{content:"\F14A"}.fa-pencil-square:before{content:"\F14B"}.fa-external-link-square:before{content:"\F14C"}.fa-share-square:before{content:"\F14D"}.fa-compass:before{content:"\F14E"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\F150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\F151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\F152"}.fa-euro:before,.fa-eur:before{content:"\F153"}.fa-gbp:before{content:"\F154"}.fa-dollar:before,.fa-usd:before{content:"\F155"}.fa-rupee:before,.fa-inr:before{content:"\F156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\F157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\F158"}.fa-won:before,.fa-krw:before{content:"\F159"}.fa-bitcoin:before,.fa-btc:before{content:"\F15A"}.fa-file:before{content:"\F15B"}.fa-file-text:before{content:"\F15C"}.fa-sort-alpha-asc:before{content:"\F15D"}.fa-sort-alpha-desc:before{content:"\F15E"}.fa-sort-amount-asc:before{content:"\F160"}.fa-sort-amount-desc:before{content:"\F161"}.fa-sort-numeric-asc:before{content:"\F162"}.fa-sort-numeric-desc:before{content:"\F163"}.fa-thumbs-up:before{content:"\F164"}.fa-thumbs-down:before{content:"\F165"}.fa-youtube-square:before{content:"\F166"}.fa-youtube:before{content:"\F167"}.fa-xing:before{content:"\F168"}.fa-xing-square:before{content:"\F169"}.fa-youtube-play:before{content:"\F16A"}.fa-dropbox:before{content:"\F16B"}.fa-stack-overflow:before{content:"\F16C"}.fa-instagram:before{content:"\F16D"}.fa-flickr:before{content:"\F16E"}.fa-adn:before{content:"\F170"}.fa-bitbucket:before{content:"\F171"}.fa-bitbucket-square:before{content:"\F172"}.fa-tumblr:before{content:"\F173"}.fa-tumblr-square:before{content:"\F174"}.fa-long-arrow-down:before{content:"\F175"}.fa-long-arrow-up:before{content:"\F176"}.fa-long-arrow-left:before{content:"\F177"}.fa-long-arrow-right:before{content:"\F178"}.fa-apple:before{content:"\F179"}.fa-windows:before{content:"\F17A"}.fa-android:before{content:"\F17B"}.fa-linux:before{content:"\F17C"}.fa-dribbble:before{content:"\F17D"}.fa-skype:before{content:"\F17E"}.fa-foursquare:before{content:"\F180"}.fa-trello:before{content:"\F181"}.fa-female:before{content:"\F182"}.fa-male:before{content:"\F183"}.fa-gittip:before,.fa-gratipay:before{content:"\F184"}.fa-sun-o:before{content:"\F185"}.fa-moon-o:before{content:"\F186"}.fa-archive:before{content:"\F187"}.fa-bug:before{content:"\F188"}.fa-vk:before{content:"\F189"}.fa-weibo:before{content:"\F18A"}.fa-renren:before{content:"\F18B"}.fa-pagelines:before{content:"\F18C"}.fa-stack-exchange:before{content:"\F18D"}.fa-arrow-circle-o-right:before{content:"\F18E"}.fa-arrow-circle-o-left:before{content:"\F190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\F191"}.fa-dot-circle-o:before{content:"\F192"}.fa-wheelchair:before{content:"\F193"}.fa-vimeo-square:before{content:"\F194"}.fa-turkish-lira:before,.fa-try:before{content:"\F195"}.fa-plus-square-o:before{content:"\F196"}.fa-space-shuttle:before{content:"\F197"}.fa-slack:before{content:"\F198"}.fa-envelope-square:before{content:"\F199"}.fa-wordpress:before{content:"\F19A"}.fa-openid:before{content:"\F19B"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\F19C"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\F19D"}.fa-yahoo:before{content:"\F19E"}.fa-google:before{content:"\F1A0"}.fa-reddit:before{content:"\F1A1"}.fa-reddit-square:before{content:"\F1A2"}.fa-stumbleupon-circle:before{content:"\F1A3"}.fa-stumbleupon:before{content:"\F1A4"}.fa-delicious:before{content:"\F1A5"}.fa-digg:before{content:"\F1A6"}.fa-pied-piper-pp:before{content:"\F1A7"}.fa-pied-piper-alt:before{content:"\F1A8"}.fa-drupal:before{content:"\F1A9"}.fa-joomla:before{content:"\F1AA"}.fa-language:before{content:"\F1AB"}.fa-fax:before{content:"\F1AC"}.fa-building:before{content:"\F1AD"}.fa-child:before{content:"\F1AE"}.fa-paw:before{content:"\F1B0"}.fa-spoon:before{content:"\F1B1"}.fa-cube:before{content:"\F1B2"}.fa-cubes:before{content:"\F1B3"}.fa-behance:before{content:"\F1B4"}.fa-behance-square:before{content:"\F1B5"}.fa-steam:before{content:"\F1B6"}.fa-steam-square:before{content:"\F1B7"}.fa-recycle:before{content:"\F1B8"}.fa-automobile:before,.fa-car:before{content:"\F1B9"}.fa-cab:before,.fa-taxi:before{content:"\F1BA"}.fa-tree:before{content:"\F1BB"}.fa-spotify:before{content:"\F1BC"}.fa-deviantart:before{content:"\F1BD"}.fa-soundcloud:before{content:"\F1BE"}.fa-database:before{content:"\F1C0"}.fa-file-pdf-o:before{content:"\F1C1"}.fa-file-word-o:before{content:"\F1C2"}.fa-file-excel-o:before{content:"\F1C3"}.fa-file-powerpoint-o:before{content:"\F1C4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\F1C5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\F1C6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\F1C7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\F1C8"}.fa-file-code-o:before{content:"\F1C9"}.fa-vine:before{content:"\F1CA"}.fa-codepen:before{content:"\F1CB"}.fa-jsfiddle:before{content:"\F1CC"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\F1CD"}.fa-circle-o-notch:before{content:"\F1CE"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\F1D0"}.fa-ge:before,.fa-empire:before{content:"\F1D1"}.fa-git-square:before{content:"\F1D2"}.fa-git:before{content:"\F1D3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\F1D4"}.fa-tencent-weibo:before{content:"\F1D5"}.fa-qq:before{content:"\F1D6"}.fa-wechat:before,.fa-weixin:before{content:"\F1D7"}.fa-send:before,.fa-paper-plane:before{content:"\F1D8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\F1D9"}.fa-history:before{content:"\F1DA"}.fa-circle-thin:before{content:"\F1DB"}.fa-header:before{content:"\F1DC"}.fa-paragraph:before{content:"\F1DD"}.fa-sliders:before{content:"\F1DE"}.fa-share-alt:before{content:"\F1E0"}.fa-share-alt-square:before{content:"\F1E1"}.fa-bomb:before{content:"\F1E2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\F1E3"}.fa-tty:before{content:"\F1E4"}.fa-binoculars:before{content:"\F1E5"}.fa-plug:before{content:"\F1E6"}.fa-slideshare:before{content:"\F1E7"}.fa-twitch:before{content:"\F1E8"}.fa-yelp:before{content:"\F1E9"}.fa-newspaper-o:before{content:"\F1EA"}.fa-wifi:before{content:"\F1EB"}.fa-calculator:before{content:"\F1EC"}.fa-paypal:before{content:"\F1ED"}.fa-google-wallet:before{content:"\F1EE"}.fa-cc-visa:before{content:"\F1F0"}.fa-cc-mastercard:before{content:"\F1F1"}.fa-cc-discover:before{content:"\F1F2"}.fa-cc-amex:before{content:"\F1F3"}.fa-cc-paypal:before{content:"\F1F4"}.fa-cc-stripe:before{content:"\F1F5"}.fa-bell-slash:before{content:"\F1F6"}.fa-bell-slash-o:before{content:"\F1F7"}.fa-trash:before{content:"\F1F8"}.fa-copyright:before{content:"\F1F9"}.fa-at:before{content:"\F1FA"}.fa-eyedropper:before{content:"\F1FB"}.fa-paint-brush:before{content:"\F1FC"}.fa-birthday-cake:before{content:"\F1FD"}.fa-area-chart:before{content:"\F1FE"}.fa-pie-chart:before{content:"\F200"}.fa-line-chart:before{content:"\F201"}.fa-lastfm:before{content:"\F202"}.fa-lastfm-square:before{content:"\F203"}.fa-toggle-off:before{content:"\F204"}.fa-toggle-on:before{content:"\F205"}.fa-bicycle:before{content:"\F206"}.fa-bus:before{content:"\F207"}.fa-ioxhost:before{content:"\F208"}.fa-angellist:before{content:"\F209"}.fa-cc:before{content:"\F20A"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\F20B"}.fa-meanpath:before{content:"\F20C"}.fa-buysellads:before{content:"\F20D"}.fa-connectdevelop:before{content:"\F20E"}.fa-dashcube:before{content:"\F210"}.fa-forumbee:before{content:"\F211"}.fa-leanpub:before{content:"\F212"}.fa-sellsy:before{content:"\F213"}.fa-shirtsinbulk:before{content:"\F214"}.fa-simplybuilt:before{content:"\F215"}.fa-skyatlas:before{content:"\F216"}.fa-cart-plus:before{content:"\F217"}.fa-cart-arrow-down:before{content:"\F218"}.fa-diamond:before{content:"\F219"}.fa-ship:before{content:"\F21A"}.fa-user-secret:before{content:"\F21B"}.fa-motorcycle:before{content:"\F21C"}.fa-street-view:before{content:"\F21D"}.fa-heartbeat:before{content:"\F21E"}.fa-venus:before{content:"\F221"}.fa-mars:before{content:"\F222"}.fa-mercury:before{content:"\F223"}.fa-intersex:before,.fa-transgender:before{content:"\F224"}.fa-transgender-alt:before{content:"\F225"}.fa-venus-double:before{content:"\F226"}.fa-mars-double:before{content:"\F227"}.fa-venus-mars:before{content:"\F228"}.fa-mars-stroke:before{content:"\F229"}.fa-mars-stroke-v:before{content:"\F22A"}.fa-mars-stroke-h:before{content:"\F22B"}.fa-neuter:before{content:"\F22C"}.fa-genderless:before{content:"\F22D"}.fa-facebook-official:before{content:"\F230"}.fa-pinterest-p:before{content:"\F231"}.fa-whatsapp:before{content:"\F232"}.fa-server:before{content:"\F233"}.fa-user-plus:before{content:"\F234"}.fa-user-times:before{content:"\F235"}.fa-hotel:before,.fa-bed:before{content:"\F236"}.fa-viacoin:before{content:"\F237"}.fa-train:before{content:"\F238"}.fa-subway:before{content:"\F239"}.fa-medium:before{content:"\F23A"}.fa-yc:before,.fa-y-combinator:before{content:"\F23B"}.fa-optin-monster:before{content:"\F23C"}.fa-opencart:before{content:"\F23D"}.fa-expeditedssl:before{content:"\F23E"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\F240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\F241"}.fa-battery-2:before,.fa-battery-half:before{content:"\F242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\F243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\F244"}.fa-mouse-pointer:before{content:"\F245"}.fa-i-cursor:before{content:"\F246"}.fa-object-group:before{content:"\F247"}.fa-object-ungroup:before{content:"\F248"}.fa-sticky-note:before{content:"\F249"}.fa-sticky-note-o:before{content:"\F24A"}.fa-cc-jcb:before{content:"\F24B"}.fa-cc-diners-club:before{content:"\F24C"}.fa-clone:before{content:"\F24D"}.fa-balance-scale:before{content:"\F24E"}.fa-hourglass-o:before{content:"\F250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\F251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\F252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\F253"}.fa-hourglass:before{content:"\F254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\F255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\F256"}.fa-hand-scissors-o:before{content:"\F257"}.fa-hand-lizard-o:before{content:"\F258"}.fa-hand-spock-o:before{content:"\F259"}.fa-hand-pointer-o:before{content:"\F25A"}.fa-hand-peace-o:before{content:"\F25B"}.fa-trademark:before{content:"\F25C"}.fa-registered:before{content:"\F25D"}.fa-creative-commons:before{content:"\F25E"}.fa-gg:before{content:"\F260"}.fa-gg-circle:before{content:"\F261"}.fa-tripadvisor:before{content:"\F262"}.fa-odnoklassniki:before{content:"\F263"}.fa-odnoklassniki-square:before{content:"\F264"}.fa-get-pocket:before{content:"\F265"}.fa-wikipedia-w:before{content:"\F266"}.fa-safari:before{content:"\F267"}.fa-chrome:before{content:"\F268"}.fa-firefox:before{content:"\F269"}.fa-opera:before{content:"\F26A"}.fa-internet-explorer:before{content:"\F26B"}.fa-tv:before,.fa-television:before{content:"\F26C"}.fa-contao:before{content:"\F26D"}.fa-500px:before{content:"\F26E"}.fa-amazon:before{content:"\F270"}.fa-calendar-plus-o:before{content:"\F271"}.fa-calendar-minus-o:before{content:"\F272"}.fa-calendar-times-o:before{content:"\F273"}.fa-calendar-check-o:before{content:"\F274"}.fa-industry:before{content:"\F275"}.fa-map-pin:before{content:"\F276"}.fa-map-signs:before{content:"\F277"}.fa-map-o:before{content:"\F278"}.fa-map:before{content:"\F279"}.fa-commenting:before{content:"\F27A"}.fa-commenting-o:before{content:"\F27B"}.fa-houzz:before{content:"\F27C"}.fa-vimeo:before{content:"\F27D"}.fa-black-tie:before{content:"\F27E"}.fa-fonticons:before{content:"\F280"}.fa-reddit-alien:before{content:"\F281"}.fa-edge:before{content:"\F282"}.fa-credit-card-alt:before{content:"\F283"}.fa-codiepie:before{content:"\F284"}.fa-modx:before{content:"\F285"}.fa-fort-awesome:before{content:"\F286"}.fa-usb:before{content:"\F287"}.fa-product-hunt:before{content:"\F288"}.fa-mixcloud:before{content:"\F289"}.fa-scribd:before{content:"\F28A"}.fa-pause-circle:before{content:"\F28B"}.fa-pause-circle-o:before{content:"\F28C"}.fa-stop-circle:before{content:"\F28D"}.fa-stop-circle-o:before{content:"\F28E"}.fa-shopping-bag:before{content:"\F290"}.fa-shopping-basket:before{content:"\F291"}.fa-hashtag:before{content:"\F292"}.fa-bluetooth:before{content:"\F293"}.fa-bluetooth-b:before{content:"\F294"}.fa-percent:before{content:"\F295"}.fa-gitlab:before{content:"\F296"}.fa-wpbeginner:before{content:"\F297"}.fa-wpforms:before{content:"\F298"}.fa-envira:before{content:"\F299"}.fa-universal-access:before{content:"\F29A"}.fa-wheelchair-alt:before{content:"\F29B"}.fa-question-circle-o:before{content:"\F29C"}.fa-blind:before{content:"\F29D"}.fa-audio-description:before{content:"\F29E"}.fa-volume-control-phone:before{content:"\F2A0"}.fa-braille:before{content:"\F2A1"}.fa-assistive-listening-systems:before{content:"\F2A2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\F2A3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\F2A4"}.fa-glide:before{content:"\F2A5"}.fa-glide-g:before{content:"\F2A6"}.fa-signing:before,.fa-sign-language:before{content:"\F2A7"}.fa-low-vision:before{content:"\F2A8"}.fa-viadeo:before{content:"\F2A9"}.fa-viadeo-square:before{content:"\F2AA"}.fa-snapchat:before{content:"\F2AB"}.fa-snapchat-ghost:before{content:"\F2AC"}.fa-snapchat-square:before{content:"\F2AD"}.fa-pied-piper:before{content:"\F2AE"}.fa-first-order:before{content:"\F2B0"}.fa-yoast:before{content:"\F2B1"}.fa-themeisle:before{content:"\F2B2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\F2B3"}.fa-fa:before,.fa-font-awesome:before{content:"\F2B4"}.fa-handshake-o:before{content:"\F2B5"}.fa-envelope-open:before{content:"\F2B6"}.fa-envelope-open-o:before{content:"\F2B7"}.fa-linode:before{content:"\F2B8"}.fa-address-book:before{content:"\F2B9"}.fa-address-book-o:before{content:"\F2BA"}.fa-vcard:before,.fa-address-card:before{content:"\F2BB"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\F2BC"}.fa-user-circle:before{content:"\F2BD"}.fa-user-circle-o:before{content:"\F2BE"}.fa-user-o:before{content:"\F2C0"}.fa-id-badge:before{content:"\F2C1"}.fa-drivers-license:before,.fa-id-card:before{content:"\F2C2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\F2C3"}.fa-quora:before{content:"\F2C4"}.fa-free-code-camp:before{content:"\F2C5"}.fa-telegram:before{content:"\F2C6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\F2C7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\F2C8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\F2C9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\F2CA"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\F2CB"}.fa-shower:before{content:"\F2CC"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\F2CD"}.fa-podcast:before{content:"\F2CE"}.fa-window-maximize:before{content:"\F2D0"}.fa-window-minimize:before{content:"\F2D1"}.fa-window-restore:before{content:"\F2D2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\F2D3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\F2D4"}.fa-bandcamp:before{content:"\F2D5"}.fa-grav:before{content:"\F2D6"}.fa-etsy:before{content:"\F2D7"}.fa-imdb:before{content:"\F2D8"}.fa-ravelry:before{content:"\F2D9"}.fa-eercast:before{content:"\F2DA"}.fa-microchip:before{content:"\F2DB"}.fa-snowflake-o:before{content:"\F2DC"}.fa-superpowers:before{content:"\F2DD"}.fa-wpexplorer:before{content:"\F2DE"}.fa-meetup:before{content:"\F2E0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}/*! 
 * angular-loading-bar v0.3.0
 * https://chieffancypants.github.io/angular-loading-bar
 * Copyright (c) 2014 Wes Cruver
 * License: MIT
 */

#loading-bar,#loading-bar-spinner{pointer-events:none;-webkit-pointer-events:none;-webkit-transition:350ms linear all;-moz-transition:350ms linear all;-o-transition:350ms linear all;transition:350ms linear all}#loading-bar.ng-enter,#loading-bar.ng-leave.ng-leave-active,#loading-bar-spinner.ng-enter,#loading-bar-spinner.ng-leave.ng-leave-active{opacity:0}#loading-bar.ng-enter.ng-enter-active,#loading-bar.ng-leave,#loading-bar-spinner.ng-enter.ng-enter-active,#loading-bar-spinner.ng-leave{opacity:1}#loading-bar .bar{-webkit-transition:width 350ms;-moz-transition:width 350ms;-o-transition:width 350ms;transition:width 350ms;background:#29d;position:fixed;z-index:2000;top:0;left:0;width:100%;height:2px}#loading-bar .peg{display:block;position:absolute;right:0;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-moz-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);-o-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translate(0px,-4px)}#loading-bar-spinner{display:block;position:fixed;z-index:100;top:10px;left:10px}#loading-bar-spinner .spinner-icon{width:14px;height:14px;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:10px;-webkit-animation:loading-bar-spinner 400ms linear infinite;-moz-animation:loading-bar-spinner 400ms linear infinite;-ms-animation:loading-bar-spinner 400ms linear infinite;-o-animation:loading-bar-spinner 400ms linear infinite;animation:loading-bar-spinner 400ms linear infinite}@-webkit-keyframes loading-bar-spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes loading-bar-spinner{0%{-moz-transform:rotate(0deg);transform:rotate(0deg)}100%{-moz-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes loading-bar-spinner{0%{-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-o-transform:rotate(360deg);transform:rotate(360deg)}}@-ms-keyframes loading-bar-spinner{0%{-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-bar-spinner{0%{transform:rotate(0deg);transform:rotate(0deg)}100%{transform:rotate(360deg);transform:rotate(360deg)}}/*!
 * Social Buttons for Twitter Bootstrap v1.0.0
 *
 * Copyright 2013 Adam Neumann
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 */

.btn-facebook {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2b4b90;
  *background-color: #133783;
  background-image: -moz-linear-gradient(top, #3b5998, #133783);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783));
  background-image: -webkit-linear-gradient(top, #3b5998, #133783);
  background-image: -o-linear-gradient(top, #3b5998, #133783);
  background-image: linear-gradient(to bottom, #3b5998, #133783);
  background-repeat: repeat-x;
  border-color: #133783 #133783 #091b40;
  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(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
  color: #ffffff;
  background-color: #133783;
  *background-color: #102e6d;
}

.btn-facebook:active,
.btn-facebook.active {
  background-color: #0d2456 \9;
}

.btn-twitter {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #1c95d0;
  *background-color: #0271bf;
  background-image: -moz-linear-gradient(top, #2daddc, #0271bf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2daddc), to(#0271bf));
  background-image: -webkit-linear-gradient(top, #2daddc, #0271bf);
  background-image: -o-linear-gradient(top, #2daddc, #0271bf);
  background-image: linear-gradient(to bottom, #2daddc, #0271bf);
  background-repeat: repeat-x;
  border-color: #0271bf #0271bf #014473;
  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(startColorstr='#ff2daddc', endColorstr='#ff0271bf', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-twitter:hover,
.btn-twitter:focus,
.btn-twitter:active,
.btn-twitter.active,
.btn-twitter.disabled,
.btn-twitter[disabled] {
  color: #ffffff;
  background-color: #0271bf;
  *background-color: #0262a6;
}

.btn-twitter:active,
.btn-twitter.active {
  background-color: #01538d \9;
}

.btn-github {
  color: #000000;
  text-shadow: 0 0.7px 0 rgba(0, 0, 0, 0.1);
  background-color: #f2f2f2;
  *background-color: #e6e6e6;
  background-image: -moz-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: -o-linear-gradient(top, #fafafa, #e6e6e6);
  background-image: linear-gradient(to bottom, #fafafa, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #c0c0c0;
  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(startColorstr='#fffafafa', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-github:hover,
.btn-github:focus,
.btn-github:active,
.btn-github.active,
.btn-github.disabled,
.btn-github[disabled] {
  color: #000000;
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
}

.btn-github:active,
.btn-github.active {
  background-color: #cdcdcd \9;
}

.btn-pinterest {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #c51e25;
  *background-color: #ab171e;
  background-image: -moz-linear-gradient(top, #d62229, #ab171e);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#d62229), to(#ab171e));
  background-image: -webkit-linear-gradient(top, #d62229, #ab171e);
  background-image: -o-linear-gradient(top, #d62229, #ab171e);
  background-image: linear-gradient(to bottom, #d62229, #ab171e);
  background-repeat: repeat-x;
  border-color: #ab171e #ab171e #680e12;
  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(startColorstr='#ffd62229', endColorstr='#ffab171e', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-pinterest:hover,
.btn-pinterest:focus,
.btn-pinterest:active,
.btn-pinterest.active,
.btn-pinterest.disabled,
.btn-pinterest[disabled] {
  color: #ffffff;
  background-color: #ab171e;
  *background-color: #95141a;
}

.btn-pinterest:active,
.btn-pinterest.active {
  background-color: #7e1116 \9;
}

.btn-linkedin {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #60a9ce;
  *background-color: #4393bb;
  background-image: -moz-linear-gradient(top, #73b8db, #4393bb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#73b8db), to(#4393bb));
  background-image: -webkit-linear-gradient(top, #73b8db, #4393bb);
  background-image: -o-linear-gradient(top, #73b8db, #4393bb);
  background-image: linear-gradient(to bottom, #73b8db, #4393bb);
  background-repeat: repeat-x;
  border-color: #4393bb #4393bb #2f6783;
  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(startColorstr='#ff73b8db', endColorstr='#ff4393bb', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.btn-linkedin.disabled,
.btn-linkedin[disabled] {
  color: #ffffff;
  background-color: #4393bb;
  *background-color: #3c84a8;
}

.btn-linkedin:active,
.btn-linkedin.active {
  background-color: #367595 \9;
}

.btn-google-plus {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #d34332;
  *background-color: #c53727;
  background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#c53727));
  background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
  background-image: -o-linear-gradient(top, #dd4b39, #c53727);
  background-image: linear-gradient(to bottom, #dd4b39, #c53727);
  background-repeat: repeat-x;
  border-color: #c53727 #c53727 #85251a;
  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(startColorstr='#ffdd4b39', endColorstr='#ffc53727', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-google-plus:hover,
.btn-google-plus:focus,
.btn-google-plus:active,
.btn-google-plus.active,
.btn-google-plus.disabled,
.btn-google-plus[disabled] {
  color: #ffffff;
  background-color: #c53727;
  *background-color: #b03123;
}

.btn-google-plus:active,
.btn-google-plus.active {
  background-color: #9a2b1f \9;
}

.btn-instagram {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #5c88ab;
  *background-color: #3f729b;
  background-image: -moz-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6f97b6), to(#3f729b));
  background-image: -webkit-linear-gradient(top, #6f97b6, #3f729b);
  background-image: -o-linear-gradient(top, #6f97b6, #3f729b);
  background-image: linear-gradient(to bottom, #6f97b6, #3f729b);
  background-repeat: repeat-x;
  border-color: #3f729b #3f729b #294a65;
  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(startColorstr='#ff6f97b6', endColorstr='#ff3f729b', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-instagram:hover,
.btn-instagram:focus,
.btn-instagram:active,
.btn-instagram.active,
.btn-instagram.disabled,
.btn-instagram[disabled] {
  color: #ffffff;
  background-color: #3f729b;
  *background-color: #386589;
}

.btn-instagram:active,
.btn-instagram.active {
  background-color: #305777 \9;
}

.btn-dropbox {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2e95e0;
  *background-color: #2181cf;
  background-image: -moz-linear-gradient(top, #37a3eb, #2181cf);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#37a3eb), to(#2181cf));
  background-image: -webkit-linear-gradient(top, #37a3eb, #2181cf);
  background-image: -o-linear-gradient(top, #37a3eb, #2181cf);
  background-image: linear-gradient(to bottom, #37a3eb, #2181cf);
  background-repeat: repeat-x;
  border-color: #2181cf #2181cf #16588d;
  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(startColorstr='#ff37a3eb', endColorstr='#ff2181cf', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-dropbox:hover,
.btn-dropbox:focus,
.btn-dropbox:active,
.btn-dropbox.active,
.btn-dropbox.disabled,
.btn-dropbox[disabled] {
  color: #ffffff;
  background-color: #2181cf;
  *background-color: #1d73b9;
}

.btn-dropbox:active,
.btn-dropbox.active {
  background-color: #1a66a3 \9;
}

.btn-bitbucket {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #285991;
  *background-color: #205081;
  background-image: -moz-linear-gradient(top, #2d5f9c, #205081);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2d5f9c), to(#205081));
  background-image: -webkit-linear-gradient(top, #2d5f9c, #205081);
  background-image: -o-linear-gradient(top, #2d5f9c, #205081);
  background-image: linear-gradient(to bottom, #2d5f9c, #205081);
  background-repeat: repeat-x;
  border-color: #205081 #205081 #112a44;
  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(startColorstr='#ff2d5f9c', endColorstr='#ff205081', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-bitbucket:hover,
.btn-bitbucket:focus,
.btn-bitbucket:active,
.btn-bitbucket.active,
.btn-bitbucket.disabled,
.btn-bitbucket[disabled] {
  color: #ffffff;
  background-color: #205081;
  *background-color: #1b436d;
}

.btn-bitbucket:active,
.btn-bitbucket.active {
  background-color: #163758 \9;
}

.btn-dribbble {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #de447f;
  *background-color: #cb396f;
  background-image: -moz-linear-gradient(top, #ea4c89, #cb396f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ea4c89), to(#cb396f));
  background-image: -webkit-linear-gradient(top, #ea4c89, #cb396f);
  background-image: -o-linear-gradient(top, #ea4c89, #cb396f);
  background-image: linear-gradient(to bottom, #ea4c89, #cb396f);
  background-repeat: repeat-x;
  border-color: #cb396f #cb396f #91264e;
  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(startColorstr='#ffea4c89', endColorstr='#ffcb396f', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-dribbble:hover,
.btn-dribbble:focus,
.btn-dribbble:active,
.btn-dribbble.active,
.btn-dribbble.disabled,
.btn-dribbble[disabled] {
  color: #ffffff;
  background-color: #cb396f;
  *background-color: #ba3163;
}

.btn-dribbble:active,
.btn-dribbble.active {
  background-color: #a62b59 \9;
}

.btn-flickr {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f63198;
  *background-color: #ff0084;
  background-image: -moz-linear-gradient(top, #f051a5, #ff0084);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f051a5), to(#ff0084));
  background-image: -webkit-linear-gradient(top, #f051a5, #ff0084);
  background-image: -o-linear-gradient(top, #f051a5, #ff0084);
  background-image: linear-gradient(to bottom, #f051a5, #ff0084);
  background-repeat: repeat-x;
  border-color: #ff0084 #ff0084 #b3005c;
  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(startColorstr='#fff051a5', endColorstr='#ffff0084', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-flickr:hover,
.btn-flickr:focus,
.btn-flickr:active,
.btn-flickr.active,
.btn-flickr.disabled,
.btn-flickr[disabled] {
  color: #ffffff;
  background-color: #ff0084;
  *background-color: #e60077;
}

.btn-flickr:active,
.btn-flickr.active {
  background-color: #cc006a \9;
}

.btn-foursquare {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #079dcd;
  *background-color: #0072b1;
  background-image: -moz-linear-gradient(top, #0cbadf, #0072b1);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0cbadf), to(#0072b1));
  background-image: -webkit-linear-gradient(top, #0cbadf, #0072b1);
  background-image: -o-linear-gradient(top, #0cbadf, #0072b1);
  background-image: linear-gradient(to bottom, #0cbadf, #0072b1);
  background-repeat: repeat-x;
  border-color: #0072b1 #0072b1 #004165;
  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(startColorstr='#ff0cbadf', endColorstr='#ff0072b1', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-foursquare:hover,
.btn-foursquare:focus,
.btn-foursquare:active,
.btn-foursquare.active,
.btn-foursquare.disabled,
.btn-foursquare[disabled] {
  color: #ffffff;
  background-color: #0072b1;
  *background-color: #006298;
}

.btn-foursquare:active,
.btn-foursquare.active {
  background-color: #00517e \9;
}

.btn-renren {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3773ab;
  *background-color: #33669a;
  background-image: -moz-linear-gradient(top, #397cb6, #33669a);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#397cb6), to(#33669a));
  background-image: -webkit-linear-gradient(top, #397cb6, #33669a);
  background-image: -o-linear-gradient(top, #397cb6, #33669a);
  background-image: linear-gradient(to bottom, #397cb6, #33669a);
  background-repeat: repeat-x;
  border-color: #33669a #33669a #204061;
  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(startColorstr='#ff397cb6', endColorstr='#ff33669a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-renren:hover,
.btn-renren:focus,
.btn-renren:active,
.btn-renren.active,
.btn-renren.disabled,
.btn-renren[disabled] {
  color: #ffffff;
  background-color: #33669a;
  *background-color: #2d5987;
}

.btn-renren:active,
.btn-renren.active {
  background-color: #264d74 \9;
}

.btn-skype {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #43bbe8;
  *background-color: #00aff0;
  background-image: -moz-linear-gradient(top, #70c3e2, #00aff0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70c3e2), to(#00aff0));
  background-image: -webkit-linear-gradient(top, #70c3e2, #00aff0);
  background-image: -o-linear-gradient(top, #70c3e2, #00aff0);
  background-image: linear-gradient(to bottom, #70c3e2, #00aff0);
  background-repeat: repeat-x;
  border-color: #00aff0 #00aff0 #0077a3;
  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(startColorstr='#ff70c3e2', endColorstr='#ff00aff0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-skype:hover,
.btn-skype:focus,
.btn-skype:active,
.btn-skype.active,
.btn-skype.disabled,
.btn-skype[disabled] {
  color: #ffffff;
  background-color: #00aff0;
  *background-color: #009cd7;
}

.btn-skype:active,
.btn-skype.active {
  background-color: #008abd \9;
}

.btn-stackexchange {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #3a70b0;
  *background-color: #185397;
  background-image: -moz-linear-gradient(top, #5184c1, #185397);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5184c1), to(#185397));
  background-image: -webkit-linear-gradient(top, #5184c1, #185397);
  background-image: -o-linear-gradient(top, #5184c1, #185397);
  background-image: linear-gradient(to bottom, #5184c1, #185397);
  background-repeat: repeat-x;
  border-color: #185397 #185397 #0e2f55;
  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(startColorstr='#ff5184c1', endColorstr='#ff185397', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-stackexchange:hover,
.btn-stackexchange:focus,
.btn-stackexchange:active,
.btn-stackexchange.active,
.btn-stackexchange.disabled,
.btn-stackexchange[disabled] {
  color: #ffffff;
  background-color: #185397;
  *background-color: #154781;
}

.btn-stackexchange:active,
.btn-stackexchange.active {
  background-color: #113b6b \9;
}

.btn-trello {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #438ab4;
  *background-color: #27709b;
  background-image: -moz-linear-gradient(top, #569cc4, #27709b);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#569cc4), to(#27709b));
  background-image: -webkit-linear-gradient(top, #569cc4, #27709b);
  background-image: -o-linear-gradient(top, #569cc4, #27709b);
  background-image: linear-gradient(to bottom, #569cc4, #27709b);
  background-repeat: repeat-x;
  border-color: #27709b #27709b #18445e;
  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(startColorstr='#ff569cc4', endColorstr='#ff27709b', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-trello:hover,
.btn-trello:focus,
.btn-trello:active,
.btn-trello.active,
.btn-trello.disabled,
.btn-trello[disabled] {
  color: #ffffff;
  background-color: #27709b;
  *background-color: #226187;
}

.btn-trello:active,
.btn-trello.active {
  background-color: #1d5372 \9;
}

.btn-tumblr {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #34526e;
  *background-color: #2a4763;
  background-image: -moz-linear-gradient(top, #3a5976, #2a4763);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3a5976), to(#2a4763));
  background-image: -webkit-linear-gradient(top, #3a5976, #2a4763);
  background-image: -o-linear-gradient(top, #3a5976, #2a4763);
  background-image: linear-gradient(to bottom, #3a5976, #2a4763);
  background-repeat: repeat-x;
  border-color: #2a4763 #2a4763 #13202d;
  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(startColorstr='#ff3a5976', endColorstr='#ff2a4763', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-tumblr:hover,
.btn-tumblr:focus,
.btn-tumblr:active,
.btn-tumblr.active,
.btn-tumblr.disabled,
.btn-tumblr[disabled] {
  color: #ffffff;
  background-color: #2a4763;
  *background-color: #223a51;
}

.btn-tumblr:active,
.btn-tumblr.active {
  background-color: #1b2d3f \9;
}

.btn-vk {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #50739a;
  *background-color: #426187;
  background-image: -moz-linear-gradient(top, #5a7fa6, #426187);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5a7fa6), to(#426187));
  background-image: -webkit-linear-gradient(top, #5a7fa6, #426187);
  background-image: -o-linear-gradient(top, #5a7fa6, #426187);
  background-image: linear-gradient(to bottom, #5a7fa6, #426187);
  background-repeat: repeat-x;
  border-color: #426187 #426187 #293c54;
  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(startColorstr='#ff5a7fa6', endColorstr='#ff426187', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-vk:hover,
.btn-vk:focus,
.btn-vk:active,
.btn-vk.active,
.btn-vk.disabled,
.btn-vk[disabled] {
  color: #ffffff;
  background-color: #426187;
  *background-color: #3a5576;
}

.btn-vk:active,
.btn-vk.active {
  background-color: #314865 \9;
}

.btn-weibo {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #f14f4f;
  *background-color: #e64141;
  background-image: -moz-linear-gradient(top, #f85959, #e64141);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f85959), to(#e64141));
  background-image: -webkit-linear-gradient(top, #f85959, #e64141);
  background-image: -o-linear-gradient(top, #f85959, #e64141);
  background-image: linear-gradient(to bottom, #f85959, #e64141);
  background-repeat: repeat-x;
  border-color: #e64141 #e64141 #c11919;
  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(startColorstr='#fff85959', endColorstr='#ffe64141', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-weibo:hover,
.btn-weibo:focus,
.btn-weibo:active,
.btn-weibo.active,
.btn-weibo.disabled,
.btn-weibo[disabled] {
  color: #ffffff;
  background-color: #e64141;
  *background-color: #e32a2a;
}

.btn-weibo:active,
.btn-weibo.active {
  background-color: #d81c1c \9;
}

.btn-xing {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #155c5d;
  *background-color: #074c4d;
  background-image: -moz-linear-gradient(top, #1f6768, #074c4d);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#1f6768), to(#074c4d));
  background-image: -webkit-linear-gradient(top, #1f6768, #074c4d);
  background-image: -o-linear-gradient(top, #1f6768, #074c4d);
  background-image: linear-gradient(to bottom, #1f6768, #074c4d);
  background-repeat: repeat-x;
  border-color: #074c4d #074c4d #010707;
  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(startColorstr='#ff1f6768', endColorstr='#ff074c4d', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-xing:hover,
.btn-xing:focus,
.btn-xing:active,
.btn-xing.active,
.btn-xing.disabled,
.btn-xing[disabled] {
  color: #ffffff;
  background-color: #074c4d;
  *background-color: #053536;
}

.btn-xing:active,
.btn-xing.active {
  background-color: #031e1e \9;
}

.btn-youtube {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #a72121;
  *background-color: #6e0610;
  background-image: -moz-linear-gradient(top, #cd332d, #6e0610);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#cd332d), to(#6e0610));
  background-image: -webkit-linear-gradient(top, #cd332d, #6e0610);
  background-image: -o-linear-gradient(top, #cd332d, #6e0610);
  background-image: linear-gradient(to bottom, #cd332d, #6e0610);
  background-repeat: repeat-x;
  border-color: #6e0610 #6e0610 #250205;
  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(startColorstr='#ffcd332d', endColorstr='#ff6e0610', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-youtube:hover,
.btn-youtube:focus,
.btn-youtube:active,
.btn-youtube.active,
.btn-youtube.disabled,
.btn-youtube[disabled] {
  color: #ffffff;
  background-color: #6e0610;
  *background-color: #56050c;
}

.btn-youtube:active,
.btn-youtube.active {
  background-color: #3e0309 \9;
}
.normal,
.read-more-trigger,
.tooltip-inner {
    /* font-family: "Source Sans Pro", sans-serif; */
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

.light {
    /* font-family: "Source Sans Pro", sans-serif; */
    font-family: 'Poppins', sans-serif;
    font-weight: 300;
}
.toggle-link {
  color: #5057c6 ;  /* Bootstrap blue or choose any hex code */
  cursor: pointer;
  font-weight: 500;
  text-decoration: underline;
}
.medium,
.dropdown-menu a:hover,
.custom-tabs li.active,
.modal-tabs li.active,
.modal-title,
.confirmation-modal .confirmation-text,
.discard-activity-modal .confirmation-text,
.step-response-modal .response-head .step-description,
.login-container .heading,
.letter-initials,
.error-page .main-text,
.list-item a:hover,
.list-item a:focus,
.list-item a.active,
.content-header .screen-details .name,
.tab-detail-container .main-text,
.no-wrapper .main-text,
.students .number,
.assignments .number,
.student-list .username,
.student-list .active-profile .username,
.assignment-card .assignment-name,
.assigment-detail-header .heading,
.assigment-detail-header .main-text,
.activity-type,
.data-capture-type,
.task-input-field .custom-input-field,
.data-capture-activity-list-card .activity-name,
.information-icon,
.nootebook-list li.active .title,
.notebook-header .heading-block .heading,
.view-instructions,
.inappropriate-data,
.file-name,
.preview-details .detail .main-text,
.submitted-details span:first-child,
.switch-pipe span.active,
.edit-profile-header .text,
.data-form-main-card .header .task-description,
.app-store-container {
    /* font-family: "Source Sans Pro", sans-serif; */
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

.for--mobile{display: none !important;}

i{display: flex;}

.bold {
    /* font-family: "Source Sans Pro", sans-serif; */
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
}

body,
html {
    height: 100%;
    width: 100%;
    /* font-family: "Source Sans Pro", sans-serif; */
    font-family: 'Poppins', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    cursor: pointer;
    color: #5057c6 !important;
}

a:hover {
    text-decoration: none;
    color: #5057c6 !important;
}

input:-moz-placeholder,
input:focus,
input:invalid {
    box-shadow: none;
}

label {
    margin-bottom: 0;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

input[type="text"]::-ms-clear {
    display: none;
}

.table>thead>tr>th {
    border-bottom: none !important;
}

table {
    letter-spacing: 1px;
    font-size: 14px;
    border-radius: 20px !important;
}

table thead tr:first-child {
    border-radius: 6px 0 0 0;
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
}

table>tbody tr:last-child {
    border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
}
/*
table thead th,
.table thead th {
    padding: 13px 8px !important;
    text-align: center;
    background: rgb(213, 221, 228);
    border: none;
}

table thead th:last-child,
.table thead th:last-child {
    border-right: none;
} */

.btn-h-25{height: 25px !important;}
.btn-h-30{height: 30px !important;}
.btn-h-35{height: 35px !important;}
.btn-h-40{height: 40px !important;}
.btn-h-45{height: 45px !important;}
.btn-h-50{height: 50px !important;}

.required-field {
    color: red;
}

.full-height {
    height: 100%;
}

.full-width {
    width: 100%;
}

.pre-formated,
.assigment-detail-header .description,
.assigment-detail-header .hidden-description,
.activity-description,
.student-step-card .step-response .paragraph-response-view,
.notebook-non-editable,
.instructions-list span:last-child {
    word-wrap: break-word;
}

.main-text{font-size: 24px; font-weight: 600; color: #494949 !important; padding: 15px 0;}
.form-sub-text{font-size: 18px; font-weight: 500; color: #272727 !important; padding: 5px 0; margin: 0; font-family: 'Poppins', sans-serif !important;}

.clickable {
    cursor: pointer;
}

.input-group .icon-cross {
    position: absolute;
    top: 13px;
    right: 50px;
    z-index: 10;
    font-size: 10px;
}

.custom-icon-cross {
    top: 5px !important;
    right: 12% !important;
    padding: 10px;
}

.input-group .form-control:first-child {
    padding: 0 26px 0 10px;
    background-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: #ddd;
    box-shadow: none;
    height: 38px;
}

.input-group .btn-default {
    background-color: transparent;
    outline: none;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: #ddd;
    padding: 9.5px 14px;
}

.input-group .btn-default:hover,
.input-group .btn-default:active {
    border-color: none;
    box-shadow: none;
}

.flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-end {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.progress-loader {
    cursor: progress;
}

.dots-loader-wrapper {
    left: 0;
    position: absolute;
    z-index: 10000;
    top: 0;
    bottom: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.8);
}

.full-screen-loader {
    left: 0px !important;
    top: 0px !important;
}

.dots-loader {
    width: 100px;
    height: 100px;
    border-radius: 100%;
}

.dots-loader span {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    margin: 25px 5px;
}

.dots-loader span:nth-child(1) {
    animation: bounce 1s ease-in-out infinite;
    background: #eb775f;
}

.dots-loader span:nth-child(2) {
    animation: bounce 1s ease-in-out infinite 0.33s;
    background: #74af57;
}

.dots-loader span:nth-child(3) {
    animation: bounce 1s ease-in-out infinite 0.66s;
    background: #5c8ee6;
}

.dots-loader div {
    font-size: 10px;
    color: #4c4c4c;
    letter-spacing: 1px;
    text-align: center;
}

@keyframes bounce {
    0%,
    75%,
    100% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(-20px);
        -ms-transform: translateY(-20px);
        -o-transform: translateY(-20px);
        transform: translateY(-20px);
    }
}

.loader-wrapper {
    position: absolute;
    z-index: 10000;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.7);
}

.loader-wrapper .main-text {
    /*color: #4c4c4c;
        letter-spacing: 1px;
        line-height: 22px;*/
    color: #000;
    letter-spacing: 1px;
    line-height: 22px;
    padding: 0 80px;
    font-weight: 600;
}

.loader-wrapper .loader {
    height: 100px;
    width: 200px;
}

.loader-container {
    display: flex;
    flex-direction: column;
    width: 320px;
    justify-content: center;
    align-items: center;
    margin: auto;
    height: 100%;
    text-align: center;
}

.fullscreen-wrapper {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.fullscreen-wrapper.loader-active {
    filter: blur(52px);
}

.no-sidebar-topheader .content {
    width: 100%;
}

.content {
    float: right;
    width: calc(100% - 270px);
    height: 100%;
}

.content.sticky {
    transition: all 0.3s ease;
}

.content.sticky .content-top {
    position: fixed;
    z-index: 1;
    width: calc(100% - 270px);
}

.content.sticky .content-bottom {
    margin-top: 72px;
}

.content.sticky .tab-detail-container {
    display: none;
}

.pull-right>.dropdown-menu.filter-options{right: 30px; top: 5px; background-color: #fff; border-radius: 5px; box-shadow: 0 3px 6px rgb(0 0 0 / 16%);}
.pull-right>.dropdown-menu.filter-options li a{font-size: 14px; color: #797878 !important; font-weight: 400; line-height: 16px; padding: 10px; white-space: nowrap; display: flex; align-items: center; gap: 10px; height: 40px; border-radius: 5px;}
.pull-right>.dropdown-menu.filter-options li a:hover,
.pull-right>.dropdown-menu.filter-options li a:focus{background-color: #2E348C; color: #fff !important;}
.pull-right>.dropdown-menu.filter-options li a i{width: 20px;}
.pull-right>.dropdown-menu.filter-options li a:hover i svg path{fill: #fff !important;}
.pull-right>.dropdown-menu.filter-options::before,
.pull-right>.dropdown-menu.filter-options::after{display: none;}



.dropdown-backdrop {
    z-index: 1050;
}

.dropdown-menu {
    background: #fff;
    border: 1px solid #d8d8d8;
    z-index: 50;
}

.dropdown-menu.profile-options {
    z-index: 10100;
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.dropdown-menu.profile-options li a{font-size: 14px; color: #797878 !important; font-weight: 400; line-height: 16px; padding:10px; white-space: nowrap; display: flex; align-items: center; gap: 10px; height: 40px;}
.dropdown-menu.profile-options li a:hover i svg path{fill: #fff !important;}
.dropdown-menu.profile-options li:first-child a:hover{border-radius: 5px 5px 0 0;}
.dropdown-menu.profile-options li:last-child a:hover{border-radius: 0 0 5px 5px;}
.dropdown-menu.profile-options li a:hover,
.dropdown-menu.profile-options li a:focus{background-color: #2E348C; color: #fff !important;}

.dropdown-menu>li>a {
    padding: 10px 15px;
    white-space: normal;
}

.dropdown-menu label {
    margin-bottom: 0;
    font-weight: normal;
    letter-spacing: 1px;
}

.dropdown-menu .divider {
    padding: 0;
    margin: 0;
}

.dropdown-menu:after,
.dropdown-menu:before {
    bottom: 100%;
    right: 5px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.dropdown-menu:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 5px;
    margin-left: -5px;
}

.dropdown-menu:before {
    border-color: rgba(216, 216, 216, 0);
    border-bottom-color: #d8d8d8;
    border-width: 6px;
    right: 4px;
}

.dropdown-menu .icon-tick {
    float: right;
    margin-top: 3px;
    font-size: 10px;
    color: #5057c6;
}

.nav-tabs {
    display: none;
}

.custom-tabs {
    list-style: none;
    padding: 0;
    height: 50px;
    margin-bottom: -1px;
}

.custom-tabs li {
    display: inline-block;
    padding: 15px 30px;
    height: 100%;
    cursor: pointer;
    letter-spacing: 1px;
}

.custom-tabs li.active {
    /* border: 1px solid #ececec; */
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    /* border-bottom-color: #f8f8f8; */
    background: rgb(233, 238, 243);
    color: rgb(83, 90, 198);
    box-sizing: border-box;
}

.modal-tabs {
    list-style: none;
    padding: 0;
    height: 60px;
    margin-bottom: -1px;
    text-align: center;
}

.modal-tabs li {
    display: inline-block;
    padding: 20px;
    height: 100%;
    cursor: pointer;
    letter-spacing: 1px;
    line-height: 20px;
}

.toggle-switch-tabs {
    display: inline-block;
    border: 1px solid #e1e1e1;
    height: 30px;
}

.toggle-switch-tabs li {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #e1e1e1;
    font-size: 12px;
    width: 30px;
    height: 100%;
    cursor: pointer;
}

.toggle-switch-tabs li.active {
    background: #5057c6;
    color: #fff;
}

.toggle-switch-tabs li:last-child {
    border-right: none;
}

body .ui-growl {
    width: 350px;
    z-index: 11000 !important;
}

body .ui-growl .ui-growl-message-success {
    color: #fff;
}

body .ui-growl-title {
    display: none;
}

body .ui-growl-item {
    padding: 0;
    display: flex;
    align-items: center;
}

body .ui-corner-all {
    border-radius: 5px;
}

body .ui-growl-item-container {
    padding: 15px;
    z-index: 100001;
}

body .ui-growl-item-container.ui-state-highlight.ui-growl-message-success {
    background: #47b06e;
    border-color: #47b06e;
}

body .ui-growl-image {
    font-size: 20px;
    position: static;
    margin: 0 20px 0 10px;
}

body .ui-growl-message p {
    letter-spacing: 1px;
    font-size: 14px;
    line-height: 19px;
}

body .ui-growl-message {
    margin-left: 0;
    padding: 0;
}

body .ui-growl-icon-close {
    display: none;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    background: #5057c6;
    border-color: #5057c6;
}

body .ui-chkbox {
    margin-right: 10px;
}

body .assesment-mode .ui-chkbox {
    margin-right: 0px;
}

body .ui-chkbox .ui-chkbox-icon {
    font-size: 9px;
}

body .ui-autocomplete {
    width: 100%;
    min-height: 30px;
    display: flex;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container {
    padding: 0;
    width: 100%;
    border: none;
}

body .ui-autocomplete-input-token {
    padding: 0;
    float: left;
}

body .ui-autocomplete-input-token input {
    height: 21px;
}

body .ui-autocomplete-token-label {
    color: #494949;
    font-size: 12px;
    font-weight: 500;
    margin: 0;
}

body .ui-inputtext {
    border-radius: 0;
}

body .ui-inputtext:focus {
    border: none;
}

body .ui-button {
    background: #fff;
    color: #5057c6;
    border-bottom: 1px solid #ccc;
}

body .ui-button:enabled:hover,
body .ui-button:enabled:active {
    background: #fff;
}

body .ui-chips>ul.ui-inputtext {
    border: none;
    border-bottom: 1px solid #ccc;
    padding: 0;
}

body .ui.chips>ul:not(.ui-state-disabled).ui-state-focus,
body .ui-chips-input-token {
    outline: none;
}

body .ui-chips-token {
    background: #efefef;
    border-radius: 75px;
    color: #000;
    margin: 0 5px 5px 0;
}

body .ui-chips-token .ui-chips-token-label {
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}

body .ui-chips-input-token {
    margin-bottom: 5px;
}

body .ui-multiselect-filter-container .ui-inputtext {
    padding: 1px 0 1px 25px;
}

body .ui-multiselect-filter-container .ui-inputtext:focus {
    border: 1px solid rgba(0, 0, 0, 0.15);
}

body .ui-multiselect:not(.ui-state-disabled) .ui-multiselect-trigger:hover,
body .ui-multiselect:not(.ui-state-disabled):hover .ui-multiselect-trigger {
    background: transparent;
}

body .ui-multiselect .ui-multiselect-item.ui-state-highlight {
    background: transparent;
    color: #000;
}

body .filters .ui-inputtext:focus {
    border: 1px solid #ddd;
    padding-left: 22px;
}

body .ui-multiselect .ui-multiselect-item.ui-state-highlight .ui-chkbox {
    border: none;
}
/* body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    font-size: 11px;
    overflow: hidden;
    position: relative;
    top: -2px;
    width: 100%;
    padding: 3px;
} */
.ui-radiobutton{ font-size: 16px !important;}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    padding: 0px !important;
}
body .ui-radiobutton .ui-radiobutton-box{border: 2px solid #2E348C !important; }
body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon.fa-circle {color: #2E348C !important;}
body .ui-radiobutton .ui-radiobutton-box.ui-state-active {   border: 2px solid #2E348C !important;   background-color: #ffffff;}
p-radiobutton {
    .radio-style {
      .p-radiobutton-box {
        border: 2px solid green;
      }
  
    /* //   .p-radiobutton-box.p-highlight {
    //     border-color: red;
    //     background: orange;
    //   } */
   
    .p-radiobutton-box .p-radiobutton-icon{
      background-color:red ;
    }
    .p-radiobutton-box.p-highlight{
      background: none;
      border-color:greenyellow
    }
  }
  }
/* body .ui-radiobutton {
    margin-right: 8px;
}

body .ui-radiobutton .ui-radiobutton-box {
    height: 12px;
    width: 12px;
    border: 1px solid #636363;
}

body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    display: none;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active,
body .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
    border: 1px solid #636363;
    background-color: #636363;
    height: 12px;
    width: 12px;
} */

body .option-wrapper .ui-chkbox .ui-chkbox-box {
    height: 15px;
    width: 15px;
    border: 1px solid #636363;
}

body .ui-chkbox .ui-chkbox-box:not(.ui-state-disabled):not(.ui-state-active):hover {
    border: 1px solid #636363;
}

.ui-radiobutton,
.ui-radiobutton-label {
    font-size: 14px;
    cursor: pointer;
}

body .field-wrapper .ui-dropdown {
    width: 100% !important;
    border: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
}

body .field-wrapper .ui-dropdown .ui-dropdown-trigger {
    background-color: transparent;
}

body .field-wrapper .ui-dropdown.ui-state-focus .ui-dropdown-label {
    background-color: transparent;
    border-color: transparent;
}

body .field-wrapper .ui-dropdown.ui-state-focus .ui-dropdown-trigger {
    background-color: transparent;
}

body .field-wrapper .ui-dropdown:not(.ui-state-disabled):hover {
    background-color: transparent;
    border: 1px solid #B8B8B8;
}

body .field-wrapper .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-label {
    background-color: transparent;
    border-color: transparent;
}

body .field-wrapper .ui-dropdown:not(.ui-state-disabled):hover .ui-dropdown-trigger {
    background-color: transparent;
}

body .field-wrapper .ui-dropdown-panel .ui-dropdown-items .ui-dropdown-item.ui-state-highlight {
    background-color: #5057c6;
}

body p-dropdown.ng-dirty.ng-invalid>.ui-dropdown {
    border-bottom-color: #ccc;
}

body .modal-form .ui-dropdown {
    min-height: 35px;
}

.inactive.in {
    opacity: 0;
}

.modal-backdrop {
    background-color: rgb(54 54 54 / 76%);
    z-index: 999999;
}

.modal-backdrop.in {
    opacity: 1;
}

.modal {
    z-index: 9999999;
}

.modal-header.tabs {
    padding: 0 15px;
}

.modal-header.tabs .close {
    line-height: 60px;
}

.modal-title {
    font-size: 20px;
}

.modal-sub-title {
    font-size: 16px;
    text-align: center;
}

.modal-form .primary-btn {
    width: 30%;
}

/* .modal-form .field-wrapper,
.cs-form .field-name {
    position: relative;
    margin-bottom: 20px;
} */

.modal-form .field-wrapper.entry-field-wrapper {
    position: relative;
    margin-bottom: 25px;
}

/* .modal-form .field-wrapper .placeholder,
.cs-form .field-wrapper .placeholder {
    position: absolute;
    bottom: 5px;
    color: #999;
    letter-spacing: 1px;
    left: 15px;
} */

/* .modal-form .field-wrapper input,
.modal-form .field-wrapper textarea,
.modal-form .field-wrapper .editable-field,
.cs-form .field-wrapper input {
    border-bottom: 1px solid #ccc;
    z-index: 1;
    position: relative;
    background: transparent;
} */

.modal-form .field-wrapper input.entry-input {
    width: 100%;
    border: 1px solid #c9c9d1;
    border-radius: 4px;
    padding: 10px 16px;
    margin-top: 6px;
    letter-spacing: 0.7px;
    font-size: 14px;
}

.modal-form .field-wrapper input:focus+.placeholder,
.modal-form .field-wrapper input:valid+.placeholder,
.modal-form .field-wrapper textarea:focus+.placeholder,
.modal-form .field-wrapper textarea:valid+.placeholder,
.cs-form .field-wrapper input:focus+.placeholder,
.cs-form .field-wrapper input:valid+.placeholder,
.cs-form .field-wrapper textarea:focus+.placeholder,
.cs-form .field-wrapper textarea:valid+.placeholder,
.cs-form .field-wrapper .editable-field:focus+.placeholder,
.cs-form .field-wrapper .editable-field:valid+.placeholder {
    top: -20px;
    font-size: 12px;
}

.modal-form .field-wrapper textarea {
    width: 100%;
    border: none;
    resize: none;
    border-bottom: 1px solid #ccc;
    padding: 5px 0;
    outline: none;
    border-radius: 0;
}

.modal-form .field-wrapper textarea:focus+.placeholder,
.modal-form .field-wrapper textarea:valid+.placeholder {
    bottom: 10px;
}

.modal-form .measurement-field-wrapper {
    display: flex;
}

.modal-form .measurement-field-wrapper span {
    align-self: flex-end;
    border-bottom: 1px solid #ccc;
    padding: 5px 0 5px 5px;
    white-space: nowrap;
}

/* .modal-form .ui-autocomplete {
    border-bottom: 1px solid #ccc;
} */

.discard-activity-modal,
.due-date-modal {
    max-width: 500px;
}

.confirmation-modal .modal-body,
.discard-activity-modal .modal-body {
    padding: 20px 30px 50px;
    background-color: transparent;
}

.confirmation-modal .modal-header,
.discard-activity-modal .modal-header {
    border-bottom: none;
}

.confirmation-modal .confirmation-text,
.discard-activity-modal .confirmation-text {
    color: #494949;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 40px;
}

.confirmation-modal .primary-btn,
.discard-activity-modal .primary-btn {
    float: right;
    padding: 10px 20px;
    width: auto;
}

.discard-activity-modal .modal-body {
    padding: 30px 50px 40px;
}

.discard-activity-modal .confirmation-text {
    margin-bottom: 10px;
}

.discard-activity-modal .confirmation-detail {
    margin-bottom: 40px;
    letter-spacing: 1px;
    line-height: 19px;
}

.discard-activity-modal .modal-body {
    text-align: center;
}

.discard-activity-modal .primary-btn {
    float: none;
}

.decription-modal .modal-header {
    background: #fff;
    border-bottom: none;
}

.decription-modal .modal-body {
    padding: 0 40px 30px;
}

.activity-description-modal .modal-body {
    position: relative;
    padding: 0 40px 60px;
}

.activity-description-modal .helper-text {
    position: absolute;
    font-size: 12px;
    bottom: 10px;
}

.activity-description-modal .activity-name {
    color: #000000;
    font-size: 20px;
    font-weight: 600;
    line-height: 21px;
}

.activity-description-modal .activity-description {
    margin: 15px 0 40px 0;
}

.activity-description-modal .primary-btn {
    width: 135px;
}

.preview-modal .modal-body {
    padding: 0;
    display: flex;
    height: 400px;
}

.preview-modal .preview-container {
    width: calc(100% - 300px);
    height: 100%;
    background: rgb(46 52 140 / 6%);
    display: flex;
    flex-direction: column;
    padding: 8px;
    border-radius: 5px;
}

.preview-modal .preview-container img,
.preview-modal .preview-container video {
    height: 100%;
    margin: auto;
    display: block;
    max-width: 100%;
}

.preview-modal .preview-container audio,
.preview-modal .preview-container video {
    width: 100%;
}

.step-response-modal .modal-body {
    padding: 40px 50px 30px 30px;
}

.step-response-modal .option-wrapper {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
}

.step-response-modal .option-wrapper .ui-chkbox {
    position: absolute;
    top: 3px;
}

.step-response-modal .option-wrapper .ui-chkbox-icon {
    font-size: 9px;
    margin-top: -2px;
}

.step-response-modal .option-wrapper .ui-chkbox-label {
    font-size: 14px;
    width: calc(100% - 30px);
    float: right;
    cursor: pointer;
}

.step-response-modal .option-wrapper .ui-radiobutton {
    position: absolute;
    /* top: 5px; */
}

.step-response-modal .option-wrapper .ui-radiobutton-label {
    font-size: 14px;
    float: right;
    width: calc(100% - 25px);
    cursor: pointer;
}

/* .step-response-modal .close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 15px;
    font-size: 26px;
    outline: none;
} */

.error-subtext {
    margin-bottom: 20px;
    font-size: 14px;
    text-align: center;
    color: #272727;
    font-weight: 500;
}

.activities-left-list {
    list-style: circle;
    margin-left: 20px;
    margin-top: 5px;
}

.activities-left-list li {
    margin-bottom: 5px;
}

.sort-modal .modal-body {
    padding: 10px 25px;
}

.sort-modal .heading {
    margin-bottom: 15px;
    color: #4c4c4c;
    font-size: 14px;
}

.sort-modal .step-view-card .step-description {
    max-width: calc(100% - 50px);
}

.sort-modal .step-view-card i.icon-drag-icon {
    font-size: 12px;
    position: relative;
    top: 5px;
}

.sort-modal .primary-btn {
    width: 130px;
}
.primary-btn {
    width: 100%;
    background-color: #5057c6;
    /* box-shadow: 0 10px 10px -10px rgba(75, 147, 236, 0.38); */
    border-radius: 8px;
    border: none;
    outline: none;
    padding: 10px 0;
    color: #fff;
    font-size: 16px;
}

.primary-btn[disabled] {
    cursor: not-allowed;
    opacity: 0.3;
}

.primary-btn:hover,
.primary-btn:focus {
    box-shadow: 0 9px 12px 0 rgba(75, 147, 236, 0.38);
    transform: scale(1.01);
    transition-duration: 0.2s;
}

.secondary-btn {
    background: #fff;
    border: 2px solid #2E348C;
    padding: 7px 10px;
    outline: none;
    border-radius: 5px;
    height: 36px;
    display: flex;
    align-items: center;
    gap: 8px;

}
.secondary-btn span{
    font-size: 14px;
    font-weight: 500;
    color: #2E348C;
    line-height: 16px;
}

/* .secondary-btn:hover,
.secondary-btn:focus {
    box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.1);
    transform: scale(1.01);
    transition-duration: 0.1s;
} */

.sm-btn {
    background: #fff;
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.1);
    outline: none;
    border: none;
    padding: 5px 5px;
    font-size: 14px;
    border-radius: 8px;
    width: auto;
}

.sm-btn:hover,
.sm-btn:focus {
    box-shadow: 0 9px 12px 0 rgba(0, 0, 0, 0.1);
    transform: scale(1.01);
    transition-duration: 0.1s;
}

.action-btn {
    padding: 10px 20px;
    background: none;
    border: none;
    color: #5057c6;
    font-size: 16px;
    outline: none;
}

.default-btn {
    box-shadow: 0 2px 5px 0 rgba(208, 213, 208, 0.69);
    background-color: #ffffff;
    border-radius: 5px;
    outline: none;
    padding: 7px 15px;
    border: none;
    font-size: 14px;
}

.default-btn:hover,
.default-btn:focus {
    transform: scale(1.01);
    transition-duration: 0.2s;
}

@font-face {
    font-family: "icomoon";
    src: url(/assets/icomoon.c3036002cc2165e3a752f9f74e9fb4a5.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "icomoon-latest";
    src: url(/assets/icomoon-latest.eb83e4217745a1f955338c5170113f7e.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "icomoon-free";
    src: url(/assets/icomoon-free.72c742bc4398b2803e5ebcdc65d4a03c.ttf) format("truetype");
    font-weight: normal;
    font-style: normal;
}

/* i {
    font-family: "icomoon";
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    cursor: pointer;
} */

[class^="new-icon-"],
[class*=" new-icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: "icomoon-latest" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="new-icon-free"],
[class*="new-icon-free"] {
    font-family: "IcoMoon-Free" !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    letter-spacing: 0;
    -webkit-font-feature-settings: "liga";
    -moz-font-feature-settings: "liga=1";
    -moz-font-feature-settings: "liga";
    font-feature-settings: "liga";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #636262;
    font-size: 20px;
}

.icon-question-icon:before {
    content: "\E940";
}

.icon-drag-icon:before {
    content: "\E93F";
}

.icon-contact-icon:before {
    content: "\E93E";
}

.icon-Paragraph:before {
    content: "\E935";
}

.icon-dot:before {
    content: "\E900";
}

.icon-Activities:before {
    content: "\E901";
}

.icon-arrow:before {
    content: "\E902";
}

.icon-Assignments:before {
    content: "\E903";
}

.icon-attach-rsources:before {
    content: "\E904";
}

.icon-audio:before {
    /* content: "\e905"; */
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/audio.830304a0768b758e2b2fbc4eb36f6c4a.svg);
    background-size: 37px; 
    width: 37px; 
    height: 59px;
}
.vjs-icon-video-perm:before{
    /* content: "\e905"; */
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/image-capture-3.ff171f928db887aa4f3589c9aab1054c.svg);
    background-size: 38px; 
    width: 40px; 
    height: 40px;
}
.vjs-icon-av-perm::before{
    /* content: "\e905"; */
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/video-capture-1.be27628fb618e2eaec9a19e27089802c.svg);
    background-size: 38px; 
    width: 40px; 
    height: 40px;
}
.vjs-icon-audio-perm::before{
    /* content: "\e905"; */
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/Audio-capture-2.bf71540e056f34e0b013af59a62b2e0e.svg);
    background-size: 38px; 
    width: 40px; 
    height: 40px;
}

.icon-Camera:before {
    content: "\E906";
}

.icon-Class:before {
    content: "\E907";
}

.icon-Classrooms:before {
    content: "\E908";
}

.icon-comment-icon:before {
    content: "\E909";
}

.icon-copy:before {
    content: "\E90A";
}

.icon-cross:before {
    content: "";
}

.icon-Dashboard:before {
    content: "\E90C";
}

.icon-Data:before {
    content: "\E90D";
}

.icon-data-capture:before {
    content: "\E90E";
}

/* .icon-delete:before {
    content: "\e90f";
} */

.new-icon-free-archived:before {
    content: "\E95E";
}

.new-icon-free-unarchived:before {
    content: "\E95F";
}

.new-icon-free-moveto:before {
    content: "\E931";
}

.new-icon-free-bin:before {
    content: "\E9AC";
}

.new-icon-free-folder:before {
    content: "\E92F";
    font-size: 15px;
}

.new-icon-free-open-folder:before {
    content: "\E930";
    font-size: 15px;
}

.new-icon-free-community-lib:before {
    content: "\E920";
    font-size: 15px;
}

.new-icon-free-expert-content:before {
    content: "\E904";
    font-size: 15px;
}

.list-item a.communitylib:hover,
.list-item a.communitylib:focus,
.list-item a.communitylib.active {
    /* border-left: 3px solid #ffd300; */
}

.list-item a.expertcontent:hover,
.list-item a.expertcontent:focus,
.list-item a.expertcontent.active {
    /* border-left: 3px solid #e69296; */
}

.icon-Down-arrow:before {
    content: "\E910";
}

.icon-Drop-Down:before {
    content: "\E911";
}

.icon-edit:before {
    content: "\E912";
}

.icon-edit-profile .path1:before {
    content: "\E913";
    color: #5df1f8;
}

.icon-edit-profile .path2:before {
    content: "\E914";
    margin-left: -1em;
    color: #5df1f8;
}

.icon-edit-profile .path3:before {
    content: "\E915";
    margin-left: -1em;
    color: black;
}

.icon-edit-profile .path4:before {
    content: "\E916";
    margin-left: -1em;
    color: black;
}

.icon-edit-profile .path5:before {
    content: "\E917";
    margin-left: -1em;
    color: black;
}

.icon-Email:before {
    content: "\E918";
}

.icon-form:before {
    content: "\E919";
}

.icon-hide-view .path1:before {
    content: "\E91A";
    color: black;
}

.icon-hide-view .path2:before {
    content: "\E91B";
    margin-left: -1em;
    color: #2c3927;
}

.icon-hide-view .path3:before {
    content: "\E91C";
    margin-left: -1em;
    color: black;
}

.icon-image:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/image.c51311b10e33c0c010283c0e27e61f4e.svg);
    background-size: 45px; 
    width: 45px; 
    height: 42px;
}

.icon-image-upload-error-icon:before {
    content: "\E91E";
}

.icon-Link:before {
    content: "\E91F";
}

.icon-logo .path1:before {
    content: "\E920";
    color: black;
}

.icon-logo .path2:before {
    content: "\E921";
    margin-left: -1em;
    color: black;
}

.icon-logo .path3:before {
    content: "\E922";
    margin-left: -1em;
    color: white;
}

.icon-map-icon:before {
    content: "\E923";
}

.icon-measurement-icon:before {
    /* content: "\e924"; */
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/measurement.5e8fd26635b6f31987c5e1ff6e11961b.svg);
    background-size: 45px; 
    width: 45px; 
    height: 45px;
}

.icon-Measurements:before {
    content: "\E925";
}

.icon-multiple-select-icon:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/multi-select.874036287f954085ab4940d52be0ef4e.svg);
    background-size: 45px; 
    width: 45px; 
    height: 45px;
}

.icon-Multi-Selection:before {
    content: "\E927";
}

.icon-Name:before {
    content: "\E928";
}

.icon-no-imageUpload-placeholder:before {
    content: "\E929";
}

.icon-no-video-pload-placeholder:before {
    content: "\E92A";
}

.icon-paragraph-icon:before {
    /* content: "\e92b"; */
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/para.8a4325f27351e6fce8ec917ecf021277.svg);
    background-size: 45px; 
    width: 45px; 
    height: 45px;
}

.new-play-btn img{height: 40px !important; border: none !important;}

.icon-pause:before {
    content: "\E92C";
}

/* .icon-play-black-icon:before {
    content: "\e92d";
} */

.icon-plus:before {
    content: "\E92E";
}

.icon-report-and-analysis:before {
    content: "\E92F";
}

.icon-resear-and-prepare:before {
    content: "\E930";
}

.icon-Resources:before {
    content: "\E931";
}

.icon-search:before {
    /* content: "\e932"; */
    content: "";
    display: inline-block;
    background-image: url(/assets/Search.62604f58839f6d2ffdbf3d41dd5f84b4.svg); 
    padding: 8px 12px 8px 4px; 
    background-repeat: no-repeat;
}
.input-group-btn .btn:focus, .btn:active:focus, .btn.active:focus{
    outline: none !important;
}

.icon-Single-Selection:before {
    content: "\E933";
}

.icon-single-select-icon:before {
    /* content: "\e934"; */
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/single-select.e797e33b1d3f3fe274776b0b15cf9adc.svg);
    background-size: 45px; 
    width: 45px; 
    height: 47px;}

.icon-sound:before {
    content: "\E936";
}

.icon-Subject:before {
    content: "\E937";
}

.icon-sync:before {
    content: "\E938";
}

.icon-table-icon-unselected:before {
    content: "\E939";
}

.icon-table:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/table.f7b1d458dc30de470d4a5a701b9ec103.svg);
    background-size: 45px; 
    width: 45px;
    height: 45px;}

    .icon-ai-assist:before {
        content: "";
        display: inline-block;
        background-repeat: no-repeat;
        background-image: url(/assets/ai-assist.90292771bb6daa9c5bc0f1c422e17a61.svg);
        background-size: 45px; 
        width: 45px;
        height: 55px;}
/* .icon-ai-assist:before {
  content: "";
  display: inline-block;
  width: 100%;
  height: 100%;
  background-image: url(../../app/revamp_images/step-small/ai-assist.svg);
  background-repeat: no-repeat;
  background-position: center;

} */

.icon-noaction:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/info-icon.072da761ba66f03cc93b152f17711edc.svg);
    background-size: 45px; 
    width: 45px;
    height: 45px;}

.icon-multi-answer:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/multi-answer-icon.95181eb8e0e9391c3c7ea1367d1dcbb3.svg);
    background-size: 45px; 
    width: 45px;
    height: 45px;}

.icon-tick:before {
    content: "\E93A";
}

.icon-video:before {
    content: "";
    display: inline-block;
    background-repeat: no-repeat;
    background-image: url(/assets/video.edae5183a54c7ce6dfdfc929898d2c5f.svg);
    background-size: 45px; 
    width: 45px; 
    height: 41px;
}

/* .icon-view:before {
    content: "\e93c";
} */

/* .icon-zoomin:before {
    content: "\e93d";
} */

.icon-question-icon:before {
    color: #5057c6;
}

/* .icon-hide-view .path1:before {
    color: inherit;
}

.icon-hide-view .path2:before {
    color: inherit;
}

.icon-hide-view .path3:before {
    color: inherit;
} */

.icon-Activities {
    color: #8780ec;
}

.icon-Assignments {
    color: #fa8656;
}

.icon-audio {
    color: #ea9136;
}

.icon-Dashboard {
    color: #fffffd80;
}

.icon-Classrooms {
    color: #52c74a;
}

.icon-Data {
    color: #e3ce15;
}

.icon-Down-arrow {
    font-size: 12px;
}

.new-icon-free-community-lib {
    color: #ffd300;
}

.new-icon-free-expert-content {
    color: #e69296;
}

.icon-form,
.icon-paragraph-icon,
.icon-single-select-icon,
.icon-multiple-select-icon,
.icon-measurement-icon {
    color: #269e42;
}

.icon-ai-assist-icon{
    color:#F6D3FF;
}

.step-view-card .step-icon{ background-repeat: no-repeat; margin-right: 5px;}
.step-view-card .step-icon::before{display: none;}
.step-view-card .icon-image{background-image: url(/assets/image.c51311b10e33c0c010283c0e27e61f4e.svg);background-size: 20px; min-width: 20px; height: 20px;}
.step-view-card .icon-video{background-image: url(/assets/video.edae5183a54c7ce6dfdfc929898d2c5f.svg);background-size: 20px; min-width: 20px; height: 20px;}
.step-view-card .icon-audio{background-image: url(/assets/audio.830304a0768b758e2b2fbc4eb36f6c4a.svg);background-size: 16px; min-width: 20px; height: 26px;}
.step-view-card .icon-single-select-icon{background-image: url(/assets/single-select.e797e33b1d3f3fe274776b0b15cf9adc.svg);background-size: 20px; min-width: 20px; height: 22px;}
.step-view-card .icon-multiple-select-icon{background-image: url(/assets/multi-select.874036287f954085ab4940d52be0ef4e.svg);background-size: 20px;min-width: 20px; height: 20px;}
.step-view-card .icon-paragraph-icon{background-image: url(/assets/para.8a4325f27351e6fce8ec917ecf021277.svg);background-size: 20px; min-width: 20px; height: 20px;}
.step-view-card .icon-table{background-image: url(/assets/table.f7b1d458dc30de470d4a5a701b9ec103.svg);background-size: 20px; min-width: 20px; height: 20px;}
.step-view-card .icon-noaction{background-image: url(/assets/info-icon.072da761ba66f03cc93b152f17711edc.svg);background-size: 20px; min-width: 20px; height: 20px;}
.step-view-card .icon-multi-answer{background-image: url(/assets/multi-answer-icon.95181eb8e0e9391c3c7ea1367d1dcbb3.svg);background-size: 20px; min-width: 20px; height: 20px;}
.step-view-card .icon-measurement-icon {background-image: url(/assets/measurement.5e8fd26635b6f31987c5e1ff6e11961b.svg);background-size: 20px; min-width: 20px; height: 20px;}
.step-view-card .icon-ai-assist{background-image: url(/assets/ai-assist.90292771bb6daa9c5bc0f1c422e17a61.svg);background-size: 20px; min-width: 20px; height: 26px;}

.confirmation-text{font-size: 18px; font-weight: 600; color: #494949;}

.student-step-card .step-image{ background-repeat: no-repeat;}
/* .profile-image .icon-image{background-image: url(../../app/revamp_images/step-small/image.svg);background-size: 50px; width: 50px; height: 50px;} */
/* .profile-image .icon-video{background-image: url(../../app/revamp_images/step-small/video.svg);background-size: 50px; width: 50px; height: 50px;}
.profile-image .icon-audio{background-image: url(../../app/revamp_images/step-small/audio.svg);background-size: 40px; width: 40px; height: 70px;}
.profile-image .icon-table{background-image: url(../../app/revamp_images/step-small/table.svg);background-size: 50px; width: 50px; height: 50px;}
.profile-image .icon-single-select-icon{background-image: url(../../app/revamp_images/step-small/single-select.svg);background-size: 50px; width: 50px; height: 60px;}
.profile-image .icon-multiple-select-icon{background-image: url(../../app/revamp_images/step-small/multi-select.svg);background-size: 50px; width: 50px; height: 50px;}
.profile-image .icon-paragraph-icon{background-image: url(../../app/revamp_images/step-small/para.svg);background-size: 50px; width: 50px; height: 50px;}
.profile-image .icon-measurement-icon {background-image: url(../../app/revamp_images/step-small/measurement.svg);background-size: 50px; width: 50px; height: 50px;} */


.icon-image {
    color: #5b9ce2;
}

.icon-table {
    color: #5b9ce2;
}
.icon-noaction {
    color: #bdbdbd;
}

.icon-Resources {
    color: #b761ab;
}

.icon-video {
    color: #e51919;
}

.icon-ai-assist{
    color:#ff81e0;
}

.icon-sound {
    color: #ea9136;
}

.icon-Camera {
    font-size: 12px;
}

.icon-logo {
    color: #577330;
}

.icon-logo .path1:before {
    color: #577330;
}

.icon-logo .path2:before {
    color: #577330;
}

.icon-Subject {
    font-size: 19px;
}

.new-icon-external-link:before {
    content: "\E903";
}

.new-icon-backarrow:before {
    content: "\E901";
}

.new-icon-copy:before {
    content: "\E902";
}

.new-icon-download:before {
    content: "\E904";
}

.new-icon-share:before {
    content: "\E905";
}

.new-icon-arrow-up-circle:before {
    content: "\E900";
}

.icon-download:before {
    content: "\E902";
}

.new-icon-free-messgae:before {
    content: "\E945";
    font-size: 14px;
    color: #222222;
}


/* .new-icon-arrow-up-circle:before {
  content: "\e900";
} */

.login-wrapper {
    align-items: center;
    background: url(/assets/background_login.c66f68369ba8bc487758e36782c965f2.jpg) no-repeat;
    background-size: cover;
    position: relative;
}

.login-entry-wrapper {
    align-items: center;
    background-color: #fff;
    position: relative;
}

.custom--login_bg{background-color: #2E348C; height: 100vh; background-image: url(/assets/login-bg.3285c52f7aa6be99d6724ea5aa1edbfd.png); background-repeat: no-repeat; background-size: cover; background-blend-mode: color-burn;}
.custom--login_bg h5{font-size: 40px; font-weight: 800; color: #fff; }
.custom--login_bg p{font-size: 18px; font-weight: 500; color: #CDDDFF; text-align: center;}

.breaker-divided{display: flex; justify-content: center; align-items: center; position: relative; margin: 10px 0 28px;}
.breaker-divided::before{width: 100%; height: 1px; background-color: #C9C9C9; content: ''; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%);}
.breaker-divided span{color: #797878; background-color: #fff; padding: 0 50px; font-size: 14px; position: relative; text-transform: uppercase; font-weight: 500; margin: 0;}
.login-screen .field-wrapper .show-password{position: absolute; top: 50%; right: 10px; transform: translateY(-50%); background-color: #fff; height: 43px; width: 43px; display: flex; justify-content: center; align-items: center; border-radius: 4px;}

/* .login-screen .field-wrapper .form-control[type="password"]{background-image: url(../../app/revamp_images/password-show.svg); background-repeat: no-repeat;  background-position: center right 10px; background-size: 20px;} */

.profile-wrapper {
    justify-content: center;
    display: flex;
}

.profile-wrapper .brand {
    height: 60px;
}

.login-container {
    /*background: #fff;
    box-shadow: 0 40px 50px 0 rgba(0, 0, 0, 0.4);
    text-align: center;
    width: 300px;
    z-index: 1;*/
    background: #fff;
    box-shadow: 0 40px 50px 0 rgba(0, 0, 0, 0.4);
    text-align: center;
    width: 450px;
    z-index: 1;
    margin: 50px;
    padding: 40px 0 50px 0;
}

.login-student-container {
    background: #fff;
    box-shadow: 0 2px 15px 0 rgba(167, 172, 179, 0.13);
    width: 740px;
    z-index: 1;
    border-radius: 6px;
}

.login-container-2 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.login-left-container {
    width: 300px;
    background: linear-gradient(180deg, #2e3192 0%, #5b5fc4 100%);
}

.login-right-container {
    width: 440px;
    background: #fff;
}

.login-container .heading {
    margin-top: 40px;
}

.login-container .login-form-wrapper {
    padding: 0px 45px;
    height: 330px;
}

.entry-btn-wrapper {
    padding-top: 17px;
}

.entry-btn-wrapper .primary-btn:hover,
.entry-btn-wrapper .primary-btn:focus {
    box-shadow: 0px 0px 12px 0px rgba(75, 147, 236, 0.38);
}

.entry-btn-wrapper-position {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.theme-text-12-bold {
    font-size: 12px;
    font-weight: 600;
    color: #5058c6;
    line-height: 15px;
}

.forgot--password{padding: 0; display: flex; justify-content: end; align-items: center; width: 100%;}
.forgot--password a{color: #2E348C !important; font-size: 14px; font-weight: 500; padding: 10px 0;}

.new--sign--in{padding-top: 15px;}
.new--sign--in .login-redirect-option{color: #494949; font-size: 14px; font-weight: 500; line-height: 16px;}
.new--sign--in .progress-btn{background-color: transparent; outline: none; border: none; color: #2E348C !important; padding: 0; font-size: 14px; font-weight: 600; cursor: pointer;}
.new--sign--in .progress-btn:hover{background-color: transparent; color: #2E348C;}

.login-container .heading {
    font-size: 17px;
    margin-top: 20px;
    padding: 0 100px;
    box-sizing: border-box;
}

.login-container-2 .heading {
    font-size: 30px;
    margin-top: 30px;
    padding: 0 100px;
    box-sizing: border-box;
}

.login-container-2 .heading-2 {
    margin-bottom: 40px;
    font-size: 14px;
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
}

.login-container-2 .secondary-btn {
    margin-top: 0px !important;
}

.login-container .brand {
    height: 50px;
    width: 200px;
    margin-top: 10px;
}

.login-student-container .brand {
    height: 30px;
    width: unset;
}

.login-container .subtext {
    color: #4f4f4f;
    margin-bottom: 45px;
}

.login-container .secondary-btn {
    width: 260px;
    margin-top: 30px;
}

.login-container .secondary-btn .img {
    margin-right: 10px;
}

.login-inner-container .login-inner-first {
    width: 300px;
    min-height: 463px;
    padding: 26px 32px;
    position: relative;
    background: linear-gradient(180deg, #2e3192 0%, #5b5fc4 100%);
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    overflow: hidden;
}

.login-inner-container .login-inner-first .logo-wrapper {
    text-align: left;
}

.login-inner-container .login-inner-first .logo-wrapper .img-info {
    display: block;
    font-size: 12px;
    padding-top: 6px;
    color: #fff;
    letter-spacing: 0.2px;
    line-height: 15px;
}

.login-inner-container .login-inner-first .entry-info-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0 32px;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.login-inner-container .login-inner-first .entry-info-wrapper .welcome-heading {
    font-size: 21px;
    font-weight: 600;
    line-height: 31px;
    color: #fff;
}

.login-inner-container .login-inner-first .entry-info-wrapper .entry-para {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.3px;
    line-height: 16px;
}

.login-inner-container .login-inner-second {
    width: 440px;
    min-height: 463px;
    padding: 46px 63px;
}

.login-inner-container .login-inner-second .entry-heading {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0.33px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

.login-inner-container .entry-heading.heading-with-img {
    font-size: 17px;
    padding-left: 10px;
}

.classroom-img {
    height: 16px;
    width: 18px;
}

.modal-form.entry-form .primary-btn {
    width: 100%;
}

.form-wrapper {
    padding-top: 20px;
    position: relative;
}

.form-wrapper.form-entry-btn-wrapper {
    height: 330px;
}

.entry-label {
    color: #6c6c73;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
}

.save-profile-container {
    background: #fff;
    box-shadow: 0 40px 50px 0 rgba(0, 0, 0, 0.4);
    border-radius: 8px;
    text-align: center;
    padding: 35px 50px 20px;
    z-index: 1;
}

.entry-classroom-btn-wrapper {
    padding-top: 6px;
}

.entry-classroom-btns {
    display: flex;
    background-color: #ffffff;
    box-shadow: 0 2px 10px 0 rgba(185, 193, 204, 0.4);
    padding: 6.5px 15px;
    cursor: pointer;
    height: 42px;
    align-items: center;
}

.entry-classroom-btns>span {
    display: inline-block;
    padding-right: 14px;
    position: relative;
}

.entry-classroom-btns>span::after {
    position: absolute;
    content: "";
    height: 29px;
    background-color: #d9e2eb;
    width: 1px;
    top: -4px;
    right: 0;
}

.entry-classroom-btns>span>img {
    height: 14px;
    width: 21px;
    vertical-align: middle;
}

.entry-classroom-btns>div {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 18px;
    color: #5058c6;
    margin: 0 auto;
}

.entry-classroom-btns:last-child {
    margin-top: 20px;
}

.save-profile-container form {
    width: 385px;
}

.save-profile-container .profile-image {
    height: 100px;
    width: 100px;
    background-color: #f6854c;
    border-radius: 50%;
    margin: 20px auto 25px;
    overflow: hidden;
    position: relative;
}

.save-profile-container .letter-initials {
    font-size: 55px;
    padding-top: 10px;
}

.save-profile-container .ui-autocomplete-multiple-container {
    max-height: 50px;
    overflow-y: auto;
}

.save-profile-container .ui-autocomplete-panel {
    max-height: 140px !important;
}

.profile-image {
    background-color: #fff;
    min-width: 70px;
    height: 70px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.edit-profile {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0px;
    font-size: 12px;
    color: #fff;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.letter-initials {
    font-size: 24px;
    color: #1D7B00;
    font-weight: 700;
    cursor: default;
    text-align: center;
}

.login-form .primary-btn {
    padding: 15px 0;
}

.login-form .ui-autocomplete {
    padding-left: 30px;
    border-bottom: 1px solid;
}

.login-form .field-wrapper {
    position: relative;
    margin-bottom: 25px;
}

.login-form .field-wrapper input {
    width: 100%;
    border-bottom: 1px solid;
    padding-left: 30px;
    letter-spacing: 0.7px;
}

.entry-form .field-wrapper input {
    border: 1px solid #c9c9d1;
    border-radius: 4px;
}

.login-form .field-wrapper input.entry-input {
    padding-left: 17px;
}

.login-form .field-wrapper i {
    position: absolute;
    left: 2px;
    bottom: 10px;
    font-size: 12px;
}

.login-form .tags-wrapper {
    position: relative;
    margin-bottom: 25px;
    text-align: left;
}

.login-form .tags-wrapper .ui-multiselect {
    position: static;
}

.login-form .tags-wrapper .ui-multiselect-label {
    padding-left: 30px;
}

.login-form .tags-wrapper i {
    position: absolute;
    left: 2px;
    top: 4px;
    font-size: 12px;
}

.login-form .tags-wrapper i.icon-Class {
    font-size: 13px;
}

.login-form .tags-wrapper i.icon-Subject {
    font-size: 15px;
}

/* .field-wrapper input {
    width: 100%;
    border: none;
    outline: none;
    padding: 5px 0;
    letter-spacing: 0.7px;
} */

/* .field-wrapper .error {
    position: absolute;
} */

.tags-wrapper .error {
    position: absolute;
}

.switch {
    margin-top: 20px;
    font-size: 16px;
    cursor: pointer;
    color: #5057c6;
}

.switch:hover,
.switch:focus {
    color: #5057c6;
    transform: scale(1.01);
    transition-duration: 0.2s;
    outline: none;
}

.login-form .bootstrap-tagsinput {
    width: 100%;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 5px 0;
    padding-left: 30px;
    border-bottom: 1px solid;
    text-align: left;
    border-radius: 0;
}

.login-form .bootstrap-tagsinput input {
    width: auto;
    padding: 0;
    border-bottom: none;
}

.login-form .bootstrap-tagsinput .label-info {
    background-color: #efefef;
}

.login-form .bootstrap-tagsinput .tag {
    color: #000;
}

.login-form .bootstrap-tagsinput .label {
    border-radius: 24px;
    font-weight: 400;
}

.fullscreen-wrapper.error-page{text-align: center; display: flex; flex-direction: column; justify-content: center; gap: 15px; margin: 0 auto; width: 70%;}
.fullscreen-wrapper.error-page img{margin: 0 auto;}

.graphic-container {
    position: relative;
}

.graphic-container .brand {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 47px;
    width: 140px;
    z-index: 1;
}

.error-graphic {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    max-height: 100%;
}

.error-page .main-text {
    font-size: 30px;
    margin: 0;
    text-align: center;
    line-height: 35px;
    color: #494949 !important;
    padding: 10px 50px;
}

.error-page .sub-text {
    color: #797878;
    font-size: 16px;
    margin: 0 auto;
    text-align: center;
    letter-spacing: 1px;
}

.error-page .primary-btn {
    width: 195px;
    margin: 20px auto;
    display: block;
}

.left-sidebar {
    float: left;
    height: 100%;
    width: 270px;
    position: relative;
    z-index: 51;
    background:#F5F7F9;
    -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;
}

.left-sidebar .brand {
    display: block;
    padding: 25px 30px 45px;
}

.small-nav-image {
    display: none;
}

.nav-list {
    list-style: none;
    padding: 0;
    overflow: auto;
    position: absolute;
    width: 100%;
    max-height: 70%;
    -ms-overflow-style: none;
}

.list-item a {
    padding: 15px 20px 15px 30px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.list-item a span{color: #545454 !important; font-size: 15px; font-weight: 400;}

.list-item a img{width: 28px;}
.list-item a img:hover{fill: red;}

.list-item a:hover span,
.list-item a:focus span,
.list-item a.active span {
    color: #272727 !important;
    outline: none;
    font-weight: 600;
}

.nav-list .list-item a:hover,
.nav-list .list-item a:focus,
.nav-list .list-item a.active {
    /* border-left: 3px solid #ffffff; */
    /* background-color: #ffffff1c; */
}

.list-item a.classroom:hover,
.list-item a.classroom:focus,
.list-item a.classroom.active {
    /* border-left: 3px solid #52c74a; */
}


/* .list-item a.assignment:hover,
.list-item a.assignment:focus,
.list-item a.assignment.active {
  border-left: 3px solid #fa8656;
  border-left:3px solid #fff;
} */


/*.list-item a.data:hover,
.list-item a.data:focus,
.list-item a.data.active {
  border-left: 3px solid #e3ce15;
}*/

.list-item i {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    color: #fff !important;
}

.list-item .icon-plus {
    margin-right: 7px;
}

.list-item .badge {
    float: right;
    background-color: #f14646;
    border-radius: 5px;
    font-size: 13px;
    margin-top: 3px;
    padding: 2px 7px;
}

.content-header {
    padding: 10px 30px;
    float: left;
    width: 100%;
    background: #ffffff;
    line-height: 20px;
    z-index: 9999;
    position: relative;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
    display: flex;
    justify-content: space-between;
}

.content-header.colored {
    background: rgba(130, 175, 107, 0.7);
}

.content-header .profile-image {
    height: 35px;
    min-width: 35px;
    background-color: #2e348c;
    display: inline-block;
    margin: 0;
    margin-right: 5px;
    vertical-align: middle;
    line-height: normal;
    border-radius: 5px;
    position: relative;
}

.content-header .letter-initials {
    font-size: 18px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
}

.content-header .username {
    line-height: 30px;
    margin-right: 5px;
    letter-spacing: 1px;
    font-size: 16px;
}

.content-header .icon-Down-arrow {
    vertical-align: baseline;
}

.content-header .screen-details {
    float: left;
    /* display: none; */
}

.content-header .screen-details .name {
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 1px;
    margin-left: 15px;
    display: inline-block;
}

.content-header .icons-list li img {
    width: 20px;
    margin-right: 10px;
}

.icons-list {
    list-style: none;
    margin: 0;
    padding: 0;
    float: right;
    display: flex;
    align-items: center;
}

.icons-list .icon {
    height: 30px;
    width: 30px;
    display: inline-block;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #dcdcdc;
    background-color: #eeeeee;
    font-size: 11px;
}

.icons-list>li {
    margin-left: 10px;
}

.icons-list>li div[data-toggle="dropdown"]{display: flex; align-items: center; gap: 5px;}

.icons-list>li a {
    color: #000;
}

.icons-list>li a:hover,
.icons-list>li a:focus {
    color: #000;
}

.icons-list i.icon-Down-arrow {
    margin-right: 5px;
}

.content-body {
    height: calc(100% - 50px);
    clear: both;
    /* background: rgb(233, 238, 243); */
    overflow-y: auto;
    padding: 20px 32px;
}

.content-top {
    background: #fff;
    padding: 0;
    /* border-bottom: 1px solid #ececec; */
}

.tab-detail-container {
    text-align: left;
}

.tab-detail-container .main-text {
    font-size: 24px;
    margin-bottom: 10px;
    color: #494949;
    padding: 0;
}

.tab-detail-container .sub-text {
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 1px;
}

.search-field {
    position: relative;
}

.search-field input {
    border-radius: 4px;
    outline: none;
    border: 1px solid #c7c7c7;
    padding: 7px 14px;
    width: 100%;
    background: transparent;
}

.filter {
    letter-spacing: 1px;
    cursor: pointer;
    padding: 8px 0;
}

.no-wrapper {
    display: flex;
    justify-content: center;
    text-align: center;
    background: rgb(233, 238, 243);
    padding-top: 5%;
}

.no-wrapper.no-background {
    background: transparent;
}

.no-wrapper .graphic-container {
    width: 320px;
    height: auto;
}

.no-wrapper .main-text {
    font-size: 16px;
    letter-spacing: 2px;
    margin-top: 25px;
}

.no-wrapper .subtext {
    font-size: 14px;
    line-height: 22px;
    margin: 10px 0 25px;
    letter-spacing: 1px;
    color: #494949;
}

.no-wrapper .primary-btn {
    width: 100px;
    padding: 10px 0;
}


.classroom-container {
    cursor: pointer;
    /* box-shadow: 0 5px 10px 0 #DDE7EC; */
    margin-bottom: 10px;
    background-color: #E7E7FA;
    border-radius: 10px;
    background-repeat: no-repeat;
    background-position: top 15px right 20px;
    background-size: 135px;
}

.classroom-container.scoutlier-classroom{background-image: url(/assets/classroom-scoutlier.3f97ea87e5909c8651cba710ee3af281.svg);}
.classroom-container.google-classroom{background-image: url(/assets/classroom-google.2d13f364dbe17544c5e63c24128930b0.svg);}

.classroom-head {
    border-radius: 5px 5px 0 0;
    padding: 15px 15px 15px;
    color: #fff;
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.classroom-head .classroom-icon{background-color: #6D74FE; width: 50px; height: 50px; border-radius: 100px; display: flex; align-items: center; justify-content: center;}
.classroom-head .classroom-icon i img{width: 27px;}

.classroom-head .main-text {
    font-size: 16px;
    padding-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 600;
}

.classroom-container .google-classroom {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
}

.classroom-head .subtext {
    letter-spacing: 1px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    font-weight: 600;
    padding-top: 4px;
}

.classroom-body {
    overflow: hidden;
    border-radius: 0 0 5px 5px;
    padding: 15px 15px 15px;
    width: 100%;
}

.classroom-body i:before {
    color: #000;
}

.assignment-count{background-color: #fff; border-radius: 5px; padding: 8px; box-shadow: 0 3px 6px rgb(0 0 0 / 10%);}
.assignment-due{position: relative;}
/* .assignment-due::before{content: ''; position: absolute; background-color: #989898; height: 95%; width: 1px; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%);} */

.classroom-items {
    text-align: left;
    display: flex;
    align-items: center;
    gap: 5px;
    border-right: 1px solid #989898;
    width: 31%;
    justify-content: center;
    position: relative;
} 
/* .classroom-items::after{content: '|'; position: absolute; top: 0; right: 0;}*/
.classroom-items:last-child{border: none; padding-right: 0; width: 38%; padding-left: 0px;}

.classroom-items span{display: flex; font-size: 11px; font-weight: 500; line-height: 14px;}

.students,
.assignments {
    width: 50%;
    float: left;
    text-align: center;
    padding: 5px 10px;
}

.students .number,
.assignments .number {
    font-size: 16px;
    margin-left: 4px;
}

.students .field-name,
.assignments .field-name {
    font-size: 12px;
}

.students {
    border-right: 1px solid #f0f0f0;
}

.class-detail-header {
    background-color: #89d3b4;
    padding: 35px 55px 0;
    overflow: auto;
}

.class-detail-header .main-text {
    font-size: 30px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.class-detail-header .subtext {
    font-size: 14px;
    color: #fff;
    padding-bottom: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.student-list li {
    padding-top: 5px;
    padding-bottom: 5px;
}

.student-list .active-profile .student-main-content{display: flex; align-items: center; flex-direction: row !important; gap: 10px; border: 1px solid #E3E3E3; padding: 8px 15px; border-radius: 5px; background-color: transparent !important;}
.student-list .active-profile .profile-image {height: 40px; min-width: 40px; border-radius: 100px; position: relative; background-color: #E5EEFF; display: flex; align-items: center; justify-content: center;}
.student-list .active-profile .letter-initials{font-size: 18px; color: #2e348c !important; display: flex; line-height: 40px;}
.student-list .active-profile .username {color: #000; font-size: 15px; font-weight: 500;}
.student-list .active-profile .email-id {color: #4c4c4c;}


.student-list .student-main-content{display: flex; align-items: center; flex-direction: row !important; gap: 10px; border: 1px solid #E3E3E3; padding: 8px 15px; border-radius: 5px; background-color: #F5F5F7;}
.student-list .profile-image {height: 40px; min-width: 40px; border-radius: 100px; position: relative; background-color: #E3E3E3; display: flex; align-items: center; justify-content: center;}
.student-list .letter-initials{font-size: 18px; color: #797878; display: flex; line-height: 40px;}
.student-list .username {color: #797878; font-weight: 600;}
.student-list .email-id {color: #e0e0e0; line-height: 0.8;}

.sync {
    color: #000;
    padding: 7px 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 14px;
    color: #2E348C;
}

.sync:hover,
.sync:focus {
    text-decoration: none;
    color: #000;
}

.sync{display: flex; align-items: center; justify-content: center; gap: 5px;}
.sync i{display: flex;}
.sync span {font-size: 14px; font-weight: 500; color: #2E348C;}

.create {
    border: 1px solid #ececec;
    border-radius: 5px;
    background-color: #fbfbfb;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 20px 0;
    cursor: pointer;
}

.create .icon-plus {
    width: 39px;
    height: 39px;
    background: #5057c6;
    /* box-shadow: 0 9px 12px 0 rgba(75, 147, 236, 0.38); */
    border-radius: 50%;
    text-align: center;
    padding-top: 13px;
    color: #fff;
}

.create span {
    color: #4c4c4c;
    letter-spacing: 1px;
    margin-top: 22px;
    padding: 0 81;
}

.create.assignment {
    height: 210px;
}

.create.activity {
    height: 160px;
}

.assignment-card {
    padding: 12px 18px;
    background: #f5f5f5;
    margin: 0 0 10px;
    border-radius: 8px;
    box-shadow: none;
    min-height: max-content;
    position: relative;
    height: 210px;
}
.community-card {
    background: #E1FFF5 !important;  
}
.rapid-card {
    background: #E1FFF5 !important;  
}
.expert-card {
    background: #E1FFF5 !important;  
}

.assignment-card .folder-head .assign_icon{width: 45px; height: 45px; border-radius: 100px; background-color: #CCCDD4; display: flex; align-items: center; justify-content: center;}

.assignment-card .assignment-head .assign_icon{width: 45px; height: 45px; border-radius: 100px; background-color: #CCCDD4; display: flex; align-items: center; justify-content: center;}
.assignment-card .assignment-head .lock_icon{width: 45px; height: 45px; border-radius: 100px; background-color: #CCCDD4; display: flex; align-items: center; justify-content: center;}
.assignment-card .folder-head .assign_icon .lockExpertImg{height: 50%; width: 50%;}
.assignment-card.assignment-common-cards {
    height: 190px;
}

.assignment-actions {display: flex; justify-content: flex-start; gap: 7px; padding-top: 8px;}
.assignment-actions .status-container{padding: 0 !important;}

.student-card.assignment-card .grade-design {
    position: absolute;
    bottom: 50px;
    /* height: 50px;
    width: 50px; */
    right: 20px;
}

.assignment-footer .grade-design {
    right: 20px;
}

.student-card.assignment-card .grade-design.grade-list-design{
    top: 17px;
    bottom: auto;
}

.assignment-card .grade-design.grade-list-design {
    bottom: 22px;
    right: 20px;
}

.assignment-card .grade-design .value {
    margin: 0;
}

.assignment-card .bottom-container {
    display: flex;
    align-items: center;
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0 18px;
    bottom: 20px;
}

.assignment-card .techer-name {
    color: #999;
}

.assignment-card .graded-text {
    font-size: 14px;
}

.assignment-card .grade {
    display: block;
    position: absolute;
    left: 20px;
    padding: 5px 0;
    bottom: 50px;
    background-color: #c7c7c7;
    color: #fff;
    border-radius: 5px;
    width: 35px;
    text-align: center;
}

/* .admin-assignment-card {
    padding: 8px 15px !important;
} */

.assignment-card .assignment-head {
    margin-bottom: 15px;
}

.assignment-card .assignment-name {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    /* display: flex;
    justify-content: flex-start;
    align-items: flex-start; */
    max-height: 45px;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 250px;
}

.assignment-card .dot-options {
    padding: 3px 10px;
    right: 0;
}

.assignment-card .dot-options .options {
    padding: 10px 15px;
}

.assignment-card .assignment-categories{font-size: 14px; font-weight: 500; color: #494949;}

.assignment-card .classroom-name {
    color: #494949;
    font-size: 14px;
    font-weight: 500;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 80%;
    display: inline-block;
    overflow: hidden;
}

.assignment-card .icon-dot {
    padding-top: 3px;
    cursor: pointer;
}



.assignment-card .assignment-number {
    font-size: 12px;
    font-weight: 500;
    color: #272727;
}

.assignment-card .assignment-number .number {
    padding-right: 5px;
}
.admin-folder-card .folder-head{padding-bottom: 12px;}
.admin-folder-card .footer-text{padding-top: 8px;}

.assignment-card .status-container {display: flex; align-items: center; gap: 8px; position: absolute; width: 100%; left: 0; right: 0; padding: 0 18px !important; bottom: 15px;}
.assignment-card .status-container .status-share{display: flex; align-items: center; gap: 3px; padding: 3px 8px; background-color: #fff; border-radius: 100px;}
.assignment-card .status-container .status-share span{color: #494949; font-size: 12px; font-weight: 500; display: flex; align-items: center; gap: 5px;}
.assignment-card .status-container .assignment-ai span,
.assignment-card .status-container .assignment-fl span{font-size: 12.5px; font-weight: 500; color: #494949; line-height: 16px;}
.assignment-card .status-container .assignment-fl span.text{overflow: hidden; text-overflow: ellipsis; max-width: 100px; white-space: nowrap;}
.expertContentdisabled{opacity: 0.5 !important}
.deactivated-state {
    background: #f3f2f2;
}

.assignment-card .status-container .status {
    font-size: 10px;
    background-color: #FEECEC;
    border-radius: 20px;
    color: #BE0D00 !important;
    padding: 3px 8px;
    white-space: nowrap;
    height: 22px;
    display: flex;
    align-items: center;
    border: 1px solid #BE0D00;
    font-weight: 500;
}

.assignment-card .status-container .status.due {
    color: #ff9665;
}

.assignment-card .status-container .status.datePassed {
    color: red;
}

.assignment-card .status-container .status.completed {
    color: #28c338;
}

.assignment-card .status-container .status.not-assigned {
    color: #a5a5a5;
}

.indicator {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    margin-right: 2px;
}

.indicator.due {
    background-color: #ff9665;
}

.indicator.unpublish {
    background-color: #9c9fa8;
}

.indicator.completed {
    background-color: #28c338;
}

.indicator.not-assigned {
    background-color: #c2c2c2;
}



.assigment-detail-header .grade-design {
    height: 35px;
    width: 80px;
}

.assigment-detail-header .grade-design .value {
    margin: 5px 0;
}

.assigment-detail-header .status {
    font-size: 12px;
}

.assigment-detail-header .heading {
    font-size: 24px;
    letter-spacing: 1px;
    line-height: 25px;
    margin-top: 25px;
}



.assigment-detail-header .subtext {
    color: #4c4c4c;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 22px;
    /* margin-bottom: 20px; */
    /* width: 90%; */
}

.assigment-detail-header .hidden-description {
    letter-spacing: 1px;
    line-height: 22px;
    position: absolute;
    top: -9999px;
}

.no-activities .secondary-btn {
    width: auto;
    padding: 12px 15px;
    margin: 0 10px;
    border-radius: 5px;
    color: #4c4c4c;
}

.no-activities .secondary-btn i {
    margin-right: 10px;
}

.read-more-state {
    display: none;
}

.read-more-target {
    display: none;
}

.read-more-state:checked~.read-more-wrap .read-more-target {
    display: inline;
}

.read-more-state~.read-more-trigger:before {
    content: "Read More";
}

.read-more-state:checked~.read-more-trigger:before {
    content: "Read Less";
}

.read-more-trigger {
    cursor: pointer;
    display: inline-block;
    color: #5057c6;
}

.activities-container {
    padding: 10px 0 20px 0;
    margin-bottom: 0px;
}

.activities-container .helper-text {
    margin-top: 15px;
}

.activities-container .comment-wrapper {
    margin-bottom: 15px;
}

.helper-text {
    color: #999;
    letter-spacing: 1px;
    line-height: 18px;
    display: inline-block;
    font-size: 14px;
    margin-top: 3px;
}

.activities-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.activity-card {
    position: relative;
    padding: 30px 35px;
    background: #fff;
    /* box-shadow: 0 10px 18px 0 #D8E2E7; */
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
}

.activity-card .dot-options {
    padding: 10px;
}

.activity-card .dot-options .options {
    padding: 15px;
}

.activity-type {
    font-size: 20px;
    line-height: 21px;
    color: #494949;
    text-transform: capitalize;
}

.activity-description {
    color: #494949;
    font-size: 14px;
    line-height: 22px;
    word-wrap: break-word;
    font-weight: 500;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-inline-box;
}

@media (max-width: 1300px) {
    .scrolling-footer {
        width: calc(100% - 255px) !important;
    }
}

.scrolling-footer {
    position: fixed;
    bottom: 0;
    width: calc(100% - 270px);
    text-align: center;
    padding: 10px 0;
    transition: bottom 0.25s ease;
    background-color: #F7F7FF;
    box-shadow: 0 -6px 27px rgb(0 0 0 / 10%);
    margin-left: 0;
    z-index: 10000;
    left: 270px;
}

.scrolling-footer .primary-btn {
    padding: 10px 20px;
    width: auto;
}

.expandable-menu {
    position: fixed;
    bottom: 70px;
    right: 50px;
}

.expandable-menu.shown .options {
    display: block;
    height: 170px;
    transition: height 0.25s ease;
}

.expandable-menu .expand-btn {
    position: relative;
    height: 55px;
    width: 55px;
    background: #2e348c;
    border-radius: 50%;
    text-align: center;
    margin-top: 5px;
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
}

.expandable-menu .expand-btn:hover>.title {
    display: inline-block;
}

.expandable-menu .expand-btn .icon-plus {
    font-size: 18px;
    color: #fff;
}

.expandable-menu .title {
    display: none;
    position: absolute;
    right: 100%;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    padding: 7px 15px;
    border-radius: 5px;
    border: 1px solid #e7e7e7;
    margin-right: 10px;
    font-size: 14px;
    font-weight: 600;
}

.expandable-menu .title:after,
.expandable-menu .title:before {
    left: 100%;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.expandable-menu .title:after {
    border-color: rgba(255, 255, 255, 0);
    border-left-color: #fff;
    border-width: 5px;
    margin-top: -5px;
}

.expandable-menu .title:before {
    border-color: rgba(231, 231, 231, 0);
    border-left-color: #e7e7e7;
    border-width: 6px;
    margin-top: -6px;
}

.expandable-menu .options {
    display: none;
    height: 0;
    position: absolute;
    margin: auto;
    padding: 0;
    list-style: none;
    right: 0;
    left: 0;
    bottom: 100%;
    z-index: 1;
}

.expandable-menu .options li {
    position: relative;
    margin: 10px auto;
    text-align: center;
}

.expandable-menu .options li:hover>.title {
    display: inline-block;
}

.expandable-menu .options li i {
    height: 45px;
    width: 45px;
    font-size: 16px;
    background: #2e348c;
    border-radius: 50%;
    text-align: center;
    line-height: 45px;
    margin: 0 auto;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dot-options {
    position: absolute;
    top: 0;
    right: 10px;
    cursor: pointer;
    overflow: hidden;
}

.dot-options.shown{width: 100%; height: 40px;}

.dot-options.shown .options {
    right: 0px;
    transition: right 0.25s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dot-options.shown .options i.icon-drag-icon {
    font-size: 11px;
    position: relative;
    bottom: 2px;
}

.dot-options.shown .options img{width: 15px;}

.dot-options.shown .icon-dot {
    display: none;
}

.dot-options .options {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    position: absolute;
    right: -110px;
    top: 0;
    transition: right 0.25s ease;
    transition: right 0.25s ease;
    white-space: nowrap;
    background: transparent;
}

.dot-options .options li {
    display: inline-block;
    padding: 0 3px !important;
}

.dot-options .options li:hover {
    color: #5057c6;
}

.backdrop {
    display: none;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: transparent;
}

.backdrop.shown {
    display: block;
}

/* .add-resources-label {
    letter-spacing: 1px;
    display: inline-block;
} */

/* .add-resources-label i {
    margin-right: 10px;
} */

.added-resources {background-color: #F7F7FF; display: flex; align-items: center;height: 120px; margin: 0; padding: 0 20px; border-radius: 0px 0px 5px 5px;}
.no-resources {color: #999;font-size: 14px;letter-spacing: 1px;line-height: 22px;margin: 0 auto;}
.selected-resources-container {width: 100%;height: 100%;display: flex;align-items: center;justify-content: space-between; gap: 10px;}
.selected-resources-container .selected-resources {list-style: none;padding: 0;margin: 0;display: inline-block;width: calc(100% - 175px);display: flex;overflow-x: auto;overflow-y: hidden;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; gap: 10px;}
.selected-resources-container .selected-resources .resource {position: relative; display: inline-flex; flex-direction: column; min-width: 70px; max-width: 70px;}
.selected-resources-container .selected-resources .resource .img-container {height: 70px; width: 100%; border-radius: 5px; overflow: hidden; border: 1px solid #dddddd; display: flex; align-items: center; justify-content: center;}
.selected-resources-container .selected-resources .resource .img-container .default {height: 100%;width: 100%;}
.selected-resources-container .selected-resources .resource:hover .shutter {display: block;}
.selected-resources-container .selected-resources .resource span {overflow: hidden; width: 100%; text-overflow: ellipsis; display: inline-block; white-space: nowrap;font-size: 10px; text-align: center; -webkit-touch-callout: auto; -webkit-user-select: auto; -khtml-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; color: #494949; font-weight: 500;}
.selected-resources-container .selected-resources .resource .shutter {height: 70px;border-radius: 5px;}
.selected-resources-container .selected-resources .resource .shutter .icon-cross {position: absolute;top: 7px;right: 7px;font-size: 8px;color: #fff;}
.selected-resources-list {display: flex;overflow-x: auto;}

.my-resource-container {
    margin-top: 20px;
    overflow-y: auto;
}


.my-resource {
    height: 250px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.my-resource li {
    width: 120px;
    display: inline-block;
    position: relative;
}

.my-resource li:hover .shutter {
    display: block;
}

.my-resource li img {
    height: 120px;
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
}

.my-resource li span {
    width: 100%;
    display: inline-block;
    text-align: center;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    user-select: auto;
    -webkit-touch-callout: auto;
    -webkit-user-select: auto;
    -khtml-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    padding-top: 5px;
    color: #272727;
}

.my-resource li .clone-click{
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 9999999999999;
    cursor: pointer;
    display: block;
    background-image: url(/assets/resources-link.d099351f2d9a2afb0a51a52e47ce6ef1.svg);
    background-repeat: no-repeat;
    background-size: 14px;
    width: 14px;
    height: 14px;
}

.my-resource li .shutter {
    height: 120px;
}

.my-resource li .shutter .ui-chkbox {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: auto !important;
    transform: translateY(-50%);
}

.my-resource li .shutter .ui-chkbox .ui-chkbox-box.ui-state-active{
    background: #fff !important;
    border-color: #fff !important;
}

.my-resource li .shutter .ui-chkbox-box {
    margin: auto !important;
    border-radius: 50% !important;
    border: none !important;
    width: 28px !important;
    height: 28px !important;
}
.my-resource li .shutter .ui-chkbox-box .ui-chkbox-icon {
    padding: 0 !important;
    height: 20px !important;
}

.my-resource li .shutter .ui-chkbox-box.ui-state-active .ui-chkbox-icon::before{content: ''; position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); background-image: url(/assets/resources-check.1fc513bf871d557ec32899f70117e825.svg); background-repeat: no-repeat; background-size: 15px; width: 15px; height: 12px;}

.shutter {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 4px;
}



.custom-tag-list .icon-cross {
    position: relative;
    font-size: 8px;
    margin-left: 15px;
    top: -1px;
}

.resources-tags {margin: 7px 0 0;}
.resources-tags .custom-tag-list{display: flex; align-items: center; gap: 7px; flex-wrap: wrap;}
.resources-tags .custom-tag-list li{display: flex; border: 1px solid #C9C9C9; background-color: #F5F5F5; border-radius: 100px; padding: 5.5px 15px; margin: 0; align-items: center; gap: 8px;}
.resources-tags .custom-tag-list li span {max-width: 200px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;display: inline-block;vertical-align: bottom; font-size: 14px; font-weight: 500; color: #2E348C; line-height: 20px;}


/* @-webkit-keyframes "sk-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
}

@keyframes "sk-circleFadeDelay" {
  0%,
  39%,
  100% {
    opacity: 0;
  }

  40% {
    opacity: 1;
  }
} */

.sk-fading-circle {
    width: 25px;
    height: 25px;
    position: absolute;
    top: 17px;
    left: 17px;
    z-index: 1;
}

.sk-fading-circle .sk-circle {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.sk-fading-circle .sk-circle:before {
    content: "";
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #5057c6;
    border-radius: 100%;
    -webkit-animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
    animation: sk-circleFadeDelay 1.2s infinite ease-in-out both;
}

.sk-fading-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
}

.sk-fading-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s;
}

.sk-fading-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
}

.sk-fading-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s;
}

.sk-fading-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sk-fading-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

.sk-fading-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
}

.sk-fading-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s;
}

.sk-fading-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
}

.sk-fading-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s;
}

.sk-fading-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sk-fading-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s;
}

.sk-fading-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
}

.sk-fading-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s;
}

.sk-fading-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
}

.sk-fading-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s;
}

.sk-fading-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.sk-fading-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s;
}

.sk-fading-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

.sk-fading-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s;
}

.sk-fading-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
}

.sk-fading-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s;
}

.spinner-container {
    background: #fff;
    height: 60px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #dddddd;
}



.custom-breadcrumb {
    margin-bottom: 15px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #5057c6;
}

.custom-breadcrumb a {
    max-width: 250px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    vertical-align: text-bottom;
}

.custom-breadcrumb .current {
    cursor: default;
    color: #000 !important;
    text-decoration: none;
}

.dca-detail .custom-breadcrumb {
    margin-bottom: 25px;
    padding: 0 40px;
}

.dca-detail .activity-type {
    font-size: 24px;
    display: inline-block;
}

.dca-wrapper {
    position: relative;
}

.dca-wrapper .dot-options {
    top: 14px;
    right: 16px;
    z-index: 9999;
}

/* .isAdmin .task-list-container{margin-top: 20px !important;} */

.task-card .dot-options{position: initial !important; height: 20px !important; display: flex !important; justify-content: flex-end !important;}
.task-card .dot-options .options{position: initial !important;}

.data-capture-type {
    color: #4c4c4c;
    letter-spacing: 1px;
    line-height: 16px;
}

.task-list-container {
    margin: 15px 0 25px;
}

.task-count {
    color: #000000;
    font-size: 12px;
    line-height: 15px;
    margin: 3px 0 8px 0;
}

.task-card {
    border: none;
    border-radius: 5px;
    background-color: #F5F5F7;
    padding: 15px 20px;
    position: relative;
    margin-bottom: 20px;
}

.custom-input-field {
    border: none;
    color: #000;
    outline: none;
    background: transparent;
    width: 50px;
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #B8B8B8;
    text-align: center;
}

.custom-input-field::-webkit-input-placeholder {
    color: #999;
}

.custom-input-field:-moz-placeholder {
    color: #999;
    opacity: 1;
}

.custom-input-field::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.custom-input-field:-ms-input-placeholder {
    color: #999;
}

.task-input-field,
.step-input-field {
    margin-bottom: 30px;
}

.task-input-field .custom-input-field {
    font-size: 20px;
    line-height: 25px;
    width: 100%;
    padding: 7px 0;
}

.step-input-field .custom-input-field {
    font-size: 14px;
    line-height: 22px;
    width: 100%;
    padding: 7px 0;
}

.steps-list-container,
.measurement-container,
.para-container,
.aiassist-container,
.common-container {
    margin-top: 15px;
}

.steps-list-container .helper-text,
.measurement-container .helper-text,
.para-container .helper-text,
.aiassist-container .helper-text,
.common-container .helper-text{margin-bottom: 18px;}

.step-card {
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 20px;
    position: relative;
    margin-bottom: 20px;
}

.step-number {
    color: #272727;
    font-size: 20px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px;
}

.action-label {
    color: #000;
    font-size: 12px;
    letter-spacing: 1px;
    line-height: 22px;
    font-weight: 600;
    margin-bottom: 7px;
    display: inline-block;
}

.action-score-wrap ul{display: flex; align-items: center; gap: 15px;}

.action-item {display: flex;flex-direction: column;}
.action-item .action-img i img.active{display: none;}
.action-item.active .action-img i img.normal{display: none;}
.action-item.active .action-img i img.active{display: block;}
.action-item.active .action-img .disabled{opacity: 0.5; cursor: not-allowed !important;}

.action-item button{border: none; outline: none; background-color: transparent; padding: 0;}

.action-item.form .action-img{background-color: #1D7B00; border: none;}
.action-item.image .action-img{background-color: #D97B00; border: none;}
.action-item.video .action-img{background-color: #FF685D; border: none;}
.action-item.audio .action-img{background-color: #3B69D8; border: none;}
.action-item.tables .action-img{background-color: #9281FF; border: none;}
.action-item.aiassist .action-img{background-color: #FC64CC; border: none;}
.action-item.noaction .action-img{background-color: #bdbdbd; border: none;}

.action-img {min-width: 75px;height: 75px;border-radius: 5px;display: flex;align-items: center;justify-content: center;background: #fff;cursor: pointer;border: 1px solid #ddd;border-radius: 5px;}
.ac--image .action-img{background-color: #FFECCD; border: 1px solid #D97B00;}
.ac--video .action-img{background-color: #FEECEC; border: 1px solid #FF685D;}
.ac--audio .action-img{background-color: #F1F3FA; border: 1px solid #3B69D8;}
.ac--form .action-img{background-color: #F1FFEC; border: 1px solid #1D7B00;}
.ac--table .action-img{background-color: #EDEAFF; border: 1px solid #9281FF;}
.ac--aiassist .action-img{background-color: #f7f3f6; border: 1px solid #FC64CC;}
.ac--no-action .action-img{background-color: #fafafa; border: 1px solid #bdbdbd;}


.action-text {
    text-align: center;
    color: #494949;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;
    margin-top: 10px;
}


.add-another-step {
    padding: 15px 20px;
    background-color: #ffffff;
    border-radius: 10px;
    color: #494949;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.add-another-step .icon-plus {
    float: right;
    letter-spacing: normal;
}

.add-another-option {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 7px;
    font-size: 15px;
    font-weight: 500;
    color: #2E348C;
}

/* .add-another-task {
    margin-top: 30px;
    color: #5057c6;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    padding: 13px;
    /* box-shadow: 0 10px 18px 0 #D8E2E7; */
    /* border-radius: 5px;
    border: 1px solid #e5e5e5;
    background-color: #ffffff;
}*/

.add-another-task .icon-plus {
    margin-right: 10px;
}

.add-another-task span {
    cursor: pointer;
    vertical-align: middle;
}

.add-another-step .icon-plus,
.add-another-task .icon-plus {
    height: 20px;
    width: 20px;
    background-color: #5057c6;
    border-radius: 50%;
    font-size: 8px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.action-question {
    line-height: 22px;
    letter-spacing: 1px;
    color: #000;
    font-size: 14px;
}

.action-question .custom-input-field {
    padding: 1px 0;
    color: #000;
    margin-left: 7px;
    width: 50px;
}

.data-capture-activity-list-card {
    height: 160px;
    border-radius: 5px;
    background-color: #ffffff;
    /* box-shadow: 0 10px 18px 0 #D8E2E7; */
    padding: 20px;
    margin: 20px 0;
    cursor: pointer;
    position: relative;
}

.data-capture-activity-list-card .bottom-container {
    position: absolute;
    bottom: 3px;
    display: flex;
    height: 40px;
    left: 20px;
    right: 20px;
    align-items: center;
    margin: 0 -20px;
    padding: 0 20px;
}

.data-capture-activity-list-card .activity-name {
    font-size: 20px;
    line-height: 1.1;
    margin-bottom: 3px;
    display: -webkit-box;
    max-width: 100%;
    max-height: 44px;
    margin: 0 auto;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.action-icons-list {
    font-size: 14px;
    margin-left: -5px;
}

.action-icons-list li {
    display: inline-block;
    padding: 0 6px;
    cursor: pointer;
}

.task-view-card {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: #ffffff;
    padding: 20px 25px;
    margin-bottom: 20px;
}

.task-view-card .task-name {
    opacity: 0.8;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
    line-height: 20px;
    margin-bottom: 15px;
}

.task-view-card .task-name.lg {
    font-size: 18px;
}

.step-view-card {
    padding: 10px 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
    background-color: #fff;
    margin-bottom: 12px;
    border-radius: 6px;
}

.step-view-card .step-number {
    font-size: 16px;
    vertical-align: middle;
    font-weight: 700;
    color: #494949;
    letter-spacing: 0;
    white-space: nowrap;
    margin: 0;
}

.step-view-card .step-description {
    line-height: 18px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    font-size: 14px;
    color: #494949;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;  
    /* text-transform: capitalize; */
}

.step-view-card .step-score {
    float: right;
    padding: 0px;
    border: 0px;
    display: block;
    background: transparent;
    text-align: left;
    margin: 0;
    height: auto;
}

.step-view-card .step-description h2{
    font-size: 14px;
    color: #494949;
    font-weight: 500;
    line-height: 18px;
    margin: 0;
}

.step-view-card .step-response-detail-link {
    line-height: 22px;
}

.text-ellipsis{width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}


.add-icon {
    height: 20px;
    width: 20px;
    background-color: #5057c6;
    /* box-shadow: 0 2px 8px 0 rgba(75, 147, 236, 0.38); */
    border-radius: 50%;
    font-size: 8px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    vertical-align: text-bottom;
}

.cross-icon {
    height: 16px;
    width: 16px;
    border-radius: 50%;
    font-size: 6px;
    text-align: center;
    line-height: 15px;
    color: #999;
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #999;
    margin-left: 10px;
}

.information-icon {
    display: flex;
}

.has-error {
    border: 2px solid #ff9494 !important;
    background-color: #fff7f7 !important;
}
.has-error .ui-dropdown {
    border-bottom-color: #ff9494 !important;
}

.form-type {
    display: flex;
    padding: 10px 12px;
    border-radius: 5px;
    cursor: pointer;
    background: #fff;
    border: 1px solid #C7C7C7;
    align-items: center;
    gap: 8px;
}

.form-type span{
    font-size: 15px;
    font-weight: 500;
    color: #656565;
    line-height: 16px;
}

.form-type.active{
    background-color: #F1FFEC;
    border: 1px solid #1D7B00;
}

.form-type.active span{
    font-weight: 600;
    color: #1D7B00;
}

.action-input {
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    width: 50%;
}

.action-input .custom-input-field {
    width: calc(100% - 70px);
    margin-left: 25px;
}

.action-input .add-icon {
    margin-left: 7px;
}

.student-step-card {
    border-radius: 10px;
    background-color: #fff;
    padding: 15px;
    margin-bottom: 15px;
    position: relative;
}

.student-step-card .step-image {
    position: relative;
    cursor: default;
}

.student-step-card .step-image.icon-image {
    font-size: 13px;
}

.student-step-card .step-image.icon-table {
    font-size: 13px;
}
.student-step-card .step-image.icon-noaction {
    font-size: 13px;
}
.student-step-card .step-image.icon-multi-answer {
    font-size: 13px;
}
.student-step-card .step-image.icon-ai-assist{
    font-size: 13p;
}
.student-step-card .data-list {
    overflow: auto;
}

.student-step-card .data {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
    overflow: hidden;
    background-color: #d5dde5;
    border-radius: 5px;
}

.dashed-border {
    border: 2px dashed #ffffff;
}
.dashed-border .icon-video::before{
    content: "";
    opacity: 0;
}

.student-step-card .data .icon-Camera {
    opacity: 0;
}
.student-step-card .data .zoom {
    cursor: pointer;
    opacity: 0;
}

.student-step-card .data i {
    color: #fff;
    font-size: 24px;
    cursor: default;
}

.student-step-card .data i.clickable {
    cursor: pointer;
}

.student-step-card .data i.icon-Camera {
    font-size: 23px;
}

.student-step-card .data i.icon-sound.active {
    color: #000;
    height: 40px;
    width: 40px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 2px 5px 0 rgba(208, 213, 208, 0.69);
    text-align: center;
    line-height: 40px;
    cursor: pointer;
}

.student-step-card .image-data {
    height: 130px;
    width: 130px;
    position: relative;
}

.img-wrapper-step-card {
    width: 100px;
}

.image-step-type-card {
    background-color: transparent !important;
    width: 130px;
    position: relative;
}

.image-step-type-card imgMedia {
    height: 120px !important;
    border-radius: 5px;
}

.audio-step-type-card {
    /* height: 144px !important;
    width: 160px !important; */
    position: relative !important;
    background: transparent !important;
    display: block !important;
}

.audio-step-type-card img {
    margin-bottom: 4px;
    border-radius: 5px;
}

.student-step-card .image-data i.icon-zoomin {
    position: absolute;
    padding: 10px;
    top: 50%;
    left: 0;
    right: 0;
    justify-content: center;
    transform: translateY(-50%);
    color: #fff;
    cursor: pointer;
    z-index: 9999;
}

.student-step-card .video-data {
    height: 130px;
    width: 130px;
    position: relative;
}

.student-step-card .video-data i.play-icon,
.student-step-card .audio-data i.play-icon {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    justify-content: center;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9999;
}

.student-step-card .audio-data {
    height: 130px;
    width: 130px;
    position: relative;
}

.student-step-card .audio-data .overlay {
    opacity: 0.4;
    z-index: 1;
}

/* .student-step-card .audio-data i.play-icon {
    position: absolute;
    top: 30px;
    left: 65px;
    color: #000;
    font-size: 12px;
    z-index: 10;
    cursor: pointer;
} */

.student-step-card .helper-text {
    margin-bottom: 10px;
}

.student-step-card .step-response {
    overflow: auto;
}

.student-step-card .step-response-extent {

    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.student-step-card .step-response i {
    display: inline-block;
    font-size: 10px;
    margin-top: 5px;
    cursor: default;
}

.student-step-card .step-response .paragraph-response-view {
    border: 1px solid #ccc;
    padding: 5px 12px;
    margin-bottom: 15px;
    min-height: 40px;
    font-size: 14px;
    display: flex;
    align-items: center;
    border-radius: 4px;
}

.student-step-card .step-response .single-select-response-view {
    letter-spacing: 1px;
    line-height: 22px;
    font-size: 14px;
}

.student-step-card .step-response-extent li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.student-step-card .step-response .single-select-response-view li{position: relative; margin-bottom: 10px; display: flex; align-items: center; padding-left: 4px;}
.student-step-card .step-response .single-select-response-view li::before{content: " ";width: 16px;height: 16px;border: 2px solid white;display: inline-block;border-radius: 50%;margin-right: 10px; box-sizing: border-box; box-shadow: 0 0 0 2px #2E348C;}
.student-step-card .step-response .single-select-response-view li span{font-size: 14px; font-weight: 500; color: #656565;}
.student-step-card .step-response .single-select-response-view li.selected::before {background-color: #2E348C;}

.student-step-card .step-response .multi-select-response-view li {margin-bottom: 10px;position: relative;display: flex; align-items: center;}
.student-step-card .step-response .multi-select-response-view li span {font-size: 14px; font-weight: 500; color: #656565;}
.student-step-card .step-response .multi-select-response-view li::before {content: " "; height: 14px; width: 14px; border: 1px solid #656565;border-radius: 2px; display: inline-block; margin-right: 10px; padding: 2px; font-size: 8px; cursor: default; margin-top: 0;}
.student-step-card .step-response .multi-select-response-view li.selected::before {content: " "; height: 16px; width: 16px; border: 1px solid #656565;border-radius: 2px; display: inline-block; margin-right: 10px; padding: 2px; font-size: 8px; cursor: default; margin-top: 0;}
.student-step-card .step-response .multi-select-response-view li .icon-tick {display: none;}
.student-step-card .step-response .multi-select-response-view li.selected .icon-tick {display: inline-block;}
.student-step-card .step-response .multi-select-response-view li.selected:before {display: none;}
.student-step-card .step-response .multi-select-response-view .icon-tick{height: 16px; width: 16px; border: 1px solid rgba(0, 0, 0, 0.32);border-radius: 2px; display: inline-block; margin-right: 10px; padding: 2px; font-size: 8px; cursor: default; margin-top: 0; background-color: #2E348C; color: #fff; position: relative;}
.student-step-card .step-response .multi-select-response-view .icon-tick::before{content: ''; position: absolute; background-image: url(/assets/checkbox-check.15eb471bdeee2a92d6b71ed770161f81.svg); background-repeat: no-repeat; background-size: 8px; background-position: center;     width: 8px; height: 8px; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%);}

.response {
    color: #2E348C;
    font-size: 14px;
    line-height: 18px;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
    font-weight: 500;
}

.student-step-card .step-response .measurement-response-view {
    width: 30%;
    border: 1px solid #ccc;
    padding: 5px 12px;
    margin-bottom: 15px;
    min-height: 40px;
    font-size: 14px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    gap: 5px;
}

.student-step-card .no-response {
    display: inline-block;
    cursor: pointer;
}

.student-step-card .no-response .add-icon {
    vertical-align: bottom;
    margin-right: 8px;
}

.student-step-card .no-response.view-only {
    cursor: default;
    font-style: italic;
    color: #999;
}

/* .student-step-card .step-response-detail-button {
    bottom: 0;
    position: absolute;
    right: 0;
    border-radius: 5px 0 5px 0;
} */

.notebook-btn {
    position: fixed;
    bottom: calc(45% - 70px);
    right: -155px;
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: left top 0;
    z-index: 200;
    background: #2e348c;
    cursor: pointer;
    color: #fff;
    border-radius: 0 0 5px 5px;
    font-size: 16px;
    letter-spacing: 1.3px;
    width: 155px;
    height: 40px;
    box-shadow: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 10px;
}

.notebook-container {
    position: fixed;
    z-index: 2000;
    border-radius: 5px 0 0 5px;
    bottom: 0;
    right: 0;
    left: 200%;
    top: 55px;
    background: #fff;
    transition: left 150ms ease-in;
}

.notebook-container .vertical-tabs {
    display: none;
}

.notebook-container .tab-content,
.notebook-container .tab-pane {
    height: 100%;
    width: 100%;
}

.notebook-container.open {
    left: 270px;
}

.notebook-container.open .vertical-tabs {
    display: flex;
}

.notebook-empty-wrapper {
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    position: relative;
}

.notebook-empty-wrapper .icon-cross-svg {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 5px;
}

.notebook-empty img {
    margin: 0 auto;
    display: block;
}

.notebook-empty .text {
    text-align: center;
    font-size: 16px;
    letter-spacing: 1px;
    line-height: 18px;
    font-weight: 500;
    color: #494949;
}

.notebook-non-editable {
    width: 100%;
    height: calc(100% - 115px);
    overflow-y: auto;
    padding: 0 25px;
}

.nootebook-sidebar {
    float: left;
    width: 235px;
    height: 100%;
    background-color: #f8f8f8;
    border-right: 1px solid #f1f1f1;
    position: relative;
}

.nootebook-sidebar .loader-wrapper {
    background: transparent;
}

.nootebook-sidebar .dots-loader {
    height: 70px;
    width: 70px;
}

.nootebook-sidebar .dots-loader span {
    height: 10px;
    width: 10px;
}

.nootebook-list {
    height: 100%;
    overflow-y: auto;
    padding: 25px 8px 8px;
    background-color: #fff;
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.nootebook-list li {
    padding: 8px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.nootebook-list li.active {
    background: #DFE9FD;
    border-radius: 4px;
}

.nootebook-list li.active .title{color: #2E348C;}

.nootebook-list .title {
    font-size: 15px;
    line-height: 16px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 500;
    text-transform: capitalize;
}

.nootebook-list .status {
    color: #797878;
    font-size: 13px;
    line-height: 14px;
}

.notebook-content {
    float: right;
    width: calc(100% - 235px);
    height: 100%;
    position: relative;
    padding: 25px;
}

.notebook-header {
    display: flex;
    align-items: flex-start;
    background-color: #E9F9F6;
    border-radius: 6px;
    justify-content: space-between;
    padding: 15px;
}

.notebook-header .classes-icon-set{
    width: 60px;
    height: 60px;
    border-radius: 100px;
    background-color: #00AF92 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}
.notebook-header .classes-icon-set img{width: 30px;}

.notebook-header .heading-block {
    max-width: 90%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.notebook-header .heading-block .view-detail {
    font-size: 13px;
    color: #2E348C;
    font-weight: 500;
    cursor: pointer;
}

.notebook-header .heading-block .heading {
    font-size: 20px;
    line-height: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.notebook-header .notebook-icons li {
    float: left;
    cursor: pointer;
}

.notebook {
    width: 100%;
    height: calc(100% - 220px);
    padding: 0;
    margin-top: 10px;
}
.notebook-overlay.open{background-color: rgb(0 0 0 / 65%); z-index: 999; width: 100%; height: 100%; position: fixed; left: 0; top: 0;}

.notebook-footer {
    width: 100%;
    padding: 0;
    height: 60px;
    align-items: center;
    justify-content: flex-end;
    display: flex;
    z-index: 1;
    position: relative;
    background: #F7F7FF;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px 24px;
}

.notebook-footer .primary-btn {
    width: 120px;
    padding: 7px 0;
    margin-left: auto;
}

.mce-tinymce{box-shadow: none !important;}
.mce-container-body{background-color: #F3F7FF; font-family: 'Poppins', sans-serif !important;}
.mce-toolbar-grp.mce-panel{border: none !important; font-family: 'Poppins', sans-serif !important; background-color: #F3F7FF !important; height: 40px; border-radius: 5px;}
.mce-btn-group .mce-btn{background-color: transparent !important; border: none !important; margin: 0 !important;}
.mce-top-part::before{box-shadow: none !important;}
.mce-btn-group:not(:first-child){border: none !important; margin: 0 !important; padding: 0 !important;}
.mce-container-body{height: 40px; display: flex; align-items: center; gap: 5px;}
.mce-btn-group .mce-btn.mce-active i{
    color: #FBB03B !important;
}
.mce-btn button{
    color: #595959 !important;
}
.mce-foot .mce-btn.mce-primary {
    border-color: #c5c5c5 !important;
}
.view-instructions {
    padding: 10px 10px;
     height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 22px;
    background-color: #EFEFF1;
    border-radius: 5px 5px 0 0;
    color: #494949;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    border-bottom: 1px solid #ddd;
}

.notebook-content .view-instructions {
    padding: 10px 10px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 22px;
    background-color: #EFEFF1;
    border-radius: 5px;
    color: #494949;
    font-size: 16px;
    font-weight: 500;
    text-transform: capitalize;
    margin-top: 10px;
    border-bottom: none !important;
}

.view-instructions .not-exist-helper {
    font-size: 11px;
    margin-left: 7px;
}

.not-exist-helper {
    color: #999;
}

.view-instructions > a.collapsed{transform: rotate(180deg); transition: all 0.25s ease-in-out 0s;}
.view-instructions > a{transform: rotate(0deg); transition: all 0.25s ease-in-out 0s;}

.instructions {
    /* margin: -6px 15px 10px; */
    height: 150px;
    overflow-y: auto;
    border: 1px solid #f1f1f1;
    border-top: 0;
    padding: 10px 15px;
}
.view-instructions h4{font-size: 24px; font-weight: 600; color: #494949; line-height: 30px; margin: 0;} 

.report-table-container .custom-tabs-2 ul:last-child{border: 1px solid #C9C9C9 !important;}
.overlay {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(54 54 54 / 70%);
    z-index: 9999;
}
.step-overlay.open {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgb(54 54 54 / 70%);
    z-index: 9999;
}

.progress-report {
    margin-top: 30px;
}

.progress-report table {
    border-radius: 5px;
}

.progress-report table th:nth-child(1),
.progress-report table td:nth-child(1) {
    width: 5%;
    text-align: center;
}

.progress-report table th:nth-child(2),
.progress-report table th:nth-child(3),
.progress-report table th:nth-child(4) {
    width: 24%;
    text-align: left;
}

.progress-report table th:nth-child(5) {
    width: 20%;
    text-align: left;
}

.progress-report table thead {
    background: rgb(213, 221, 228);
}

.progress-report table>tbody {
    background: #fff;
}

.progress-report table>tbody>tr>td {
    padding: 13px 8px;
    vertical-align: middle;
    text-align: left;
}

.progress-entity {
    display: inline-block;
    padding-right: 15px;
    border-right: 2px solid #ddd;
    margin-right: 10px;
}

.progress-entity:last-child {
    border-right: none;
}

.progress-entity .entity-value {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 3px;
}

.progress-entity .entity-name {
    color: #5057c6;
    letter-spacing: 1px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    text-decoration: underline;
}

.notebook-data {
    background: transparent;
    border: none;
    padding: 0;
    margin: 0;
    font-family: inherit;
    white-space: normal;
    word-break: break-word;
}

.notebook-progress {
    opacity: 0;
}

.notebook-progress.open {
    opacity: 1;
    transition: opacity 50ms ease;
}

.data-capture-images-card {
    margin-bottom: 20px;
}

.data-capture-images-card .overlay {
    z-index: 0;
    opacity: 0.4;
}

.data-capture-images-card i.icon-zoomin {
    position: absolute;
    padding: 10px;
    top: 50%;
    left: 0;
    right: 0;
    justify-content: center;
    color: #fff;
    cursor: pointer;
    font-size: 22px;
    z-index: 999999;
    transform: translateY(-50%);
}

.data-capture-images-card .play-icon {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    right: 0;
    justify-content: center;
    transform: translateY(-50%);
}

.data-capture-images-card .image-preview {
    position: relative;
}

.data-capture-images-card .image-preview:hover .preview-shutter {
    display: block;
}

.data-capture-images-card .image-preview:hover .inappropriate-data.showInappropriate {
    display: flex;
}

.data-capture-images-card .image-preview .img-thumb {
    height: 185px;
    width: 100%;
    border: 1px solid #ededed;
    border-radius: 5px;
    overflow: hidden;
}

.data-capture-images-card .inappropriate-data {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
}

.data-capture-images-card .details {
    font-size: 12px;
    letter-spacing: 1px;
    width: 100%;
}

.data-capture-images-card .preview-shutter {
    display: none;
    position: absolute;
    height: 130px;
    border-radius: 5px;
    background-color: #000;
    opacity: 0.5;
    border: 1px solid #dddddd;
    top: 0;
    width: 100%;
}

.img-thumb {
    object-fit: cover;
}

.image-step-type-card .can-delete {
    left: 0;
    width: 100%;
    top: 0px;
    height: 99px;
    border-radius: 5px;
}

.audio-step-type-card .can-delete {
    top: 0px;
    left: 0;
    width: 100%;
    height: 81px;
    border-radius: 5px;
}

.can-delete {
    position: absolute;
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    z-index: 500;
    background: rgba(0, 0, 0, 0.5);
    cursor: default;
    text-align: center;
}

.can-delete.showCanDelete {
    display: none;
}

.can-delete i.icon-zoomin {
    cursor: pointer;
    padding: 3px;
    font-size: 20px;
    color: #fff;
}

.can-delete i.play-icon {
    padding-left: 3px;
    cursor: pointer;
}

.can-delete i.icon-delete {
    position: absolute;
    padding: 5px;
    right: 0;
    top: 0;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
}

.inappropriate-data {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    color: #e8e8e8;
    background: #000;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    z-index: 500;
    cursor: default;
}

.inappropriate-data.showInappropriate{
    background: rgba(0, 0, 0, 0.65);
}

.inappropriate-data.showInappropriate {
    display: none;
    padding: 0;
}

.inappropriate-data i.icon-view::before{display: none;}

.inappropriate-data i.icon-view,
.inappropriate-data i.icon-hide-view {
    position: absolute;
    top: 6px;
    right: 6px;
    color: #e8e8e8;
    cursor: pointer;
    z-index: 9999;
}

.inappropriate-data i.icon-zoomin {
    cursor: pointer;
    padding: 10px;
    font-size: 20px;
}

.image-step-type-card .inappropriate-data {}

.image-step-type-card .inappropriate-data i.icon-delete {
    position: absolute;
    padding: 5px;
    right: 0;
    top: 18px;
    font-size: 14px;
    cursor: pointer;
    color: #fff;
}

.inappropriate-data i.play-icon {
    padding-left: 3px;
    cursor: pointer;
}

.image-data,
.video-data,
.audio-data {
    height: 100%;
    width: 100%;
    position: relative;
}

.image-data:hover .inappropriate-data.showInappropriate,
.video-data:hover .inappropriate-data.showInappropriate,
.audio-data:hover .inappropriate-data.showInappropriate {
    display: flex;
}

.image-data:hover .can-delete.showCanDelete,
.video-data:hover .can-delete.showCanDelete,
.audio-data:hover .can-delete.showCanDelete {
    display: flex;
}

.image-data .inappropriate-data,
.image-data .can-delete {
    font-size: 15px;
    line-height: 16px;
    font-weight: 400;
}

.video-data .inappropriate-data,
.video-data .can-delete,
.audio-data .inappropriate-data,
.audio-data .can-delete {
    font-size: 14px;
    line-height: 18px;
}

.file-name {
    line-height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 14px;
    font-weight: 600;
    color: #272727;
    text-transform: capitalize;
    padding-top: 5px;
}

.captured-by {
    line-height: 16px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #494949;
    font-size: 13px !important;
    font-weight: 500 !important;
    text-transform: capitalize;
    padding-top: 5px;
    width: 130px;
}

.captured-date {
    line-height: 18px;
    color: #797878;
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    padding-top: 5px;
}

.suffix {
    position: absolute;
    bottom: 7px;
    right: 15px;
    color: #999;
    font-size: 10px;
}

.preview-details{min-width: 300px; overflow-y: auto; display: flex; justify-content: center; align-items: center;}
.preview-details .detail {width: 100%;}
.preview-details .details-top{display: flex; justify-content: center; align-items: center; gap: 10px; flex-direction: column;}
.preview-details .details-top .detail .main-text{font-size: 20px; color: #2E348C !important; font-weight: 600; padding: 0; margin: 0;}
.preview-details .details-top .detail .sub-text{font-size: 15px; color: #494949 !important; font-weight: 400; padding: 0; margin: 0;}

.play-video-button {
    position: absolute;
    background: transparent;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.submitted-details span {
    letter-spacing: 1px;
    line-height: 22px;
    margin-right: 10px;
}

.submitted-details span:first-child {
    font-size: 18px;
}

.submitted-details span:last-child {
    color: #4c4c4c;
    font-size: 14px;
}

.switch-pipe {
    display: inline-block;
    letter-spacing: 1px;
    line-height: 18px;
}

.switch-pipe span {
    padding: 0 10px;
    border-right: 1px solid #000;
    cursor: pointer;
}

.switch-pipe span.active {
    color: #5057c6;
}

.switch-pipe span:first-child {
    padding-left: 0;
}

.switch-pipe span:last-child {
    padding-right: 0;
    border-right: none;
}

.switch-tabs {
    display: inline-block;
}

.switch-tabs li {
    padding: 6px 15px;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(208, 213, 208, 0.69);
    display: inline-block;
    margin-right: 15px;
    cursor: pointer;
}

.switch-tabs li.active {
    background-color: #636363;
    color: rgba(255, 255, 255, 0.8);
}

.audio-waves-container {
    flex: 1;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.audio-waves {
    height: 60px;
    width: 60px;
    position: relative;
    display: none !important;
}

.audio-waves .circle {
    display: block;
    height: 60px;
    width: 60px;
    border-radius: 50%;
    background: #2E348C;
    transition: 5s ease;
    position: absolute;
    top: 0px;
}

.audio-waves.animate .delay1 {
    animation: waves 2.5s linear infinite;
}

.audio-waves.animate .delay2 {
    animation: waves 2.5s linear 0.7s forwards infinite;
}

.audio-waves.animate .delay3 {
    animation: waves 2.5s linear 1.3s forwards infinite;
}

.audio-waves.animate .delay4 {
    animation: waves 2.5s linear 1.9s forwards infinite;
}

.audio-waves i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    z-index: 1;
    color: #fff;
    justify-content: center;

}

@-webkit-keyframes waves {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(4);
        opacity: 0;
    }
}

.recommended-detail {
    font-size: 12px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.recommended-detail i {
    vertical-align: middle;
}

.recommended-detail i.icon-logo {
    font-size: 15px;
}

.recommended-detail .text {
    margin-left: 4px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 500;
    color: #494949;
    text-transform: capitalize;
    line-height: 22px;
    display: inline-flex;
}

.recommended-detail .share-detail span{display: flex; align-items: center; gap: 7px;}

.filters .ui-multiselect {
    width: 100%;
    background: transparent;
    padding: 7px 15px;
}

.tags-wrapper .ui-multiselect {
    width: 100%;
    background: transparent;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #ccc;
    padding-left: 0;
    position: relative;
    z-index: 1014;
}

.tags-wrapper .ui-multiselect-trigger {
    display: none;
}

.tags-wrapper i.icon-Down-arrow {
    position: absolute;
    right: 15px;
    bottom: 9px;
}

.filters .ui-multiselect-label,
.tags-wrapper .ui-multiselect-label {
    padding: 0;
    margin: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 5px;
    font-size: 15px;
}

.rotate {
    transform: rotate(180deg);
}

.instructions-list {
    font-size: 14px;
    letter-spacing: 1px;
}

.instructions-list li {
    margin-bottom: 15px;
    color: #4c4c4c;
}

.instructions-list li:last-child {
    margin-bottom: 0;
}

.instructions-list span:first-child {
    margin-right: 8px;
    color: #999;
    float: left;
}

.instructions-list span:last-child {
    display: inline-block;
    width: calc(100% - 21px);
}

.full-title {
    margin: auto;
    padding: 0;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    height: 120px;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    display: none;
}

.clear-filter {
    color: #999;
    margin: 7px 0;
    margin-left: -15px;
    cursor: pointer;
}

.clear-filter:hover {
    color: #5057c6;
}

.edit-profile-header {
    padding: 50px 0;
    text-align: center;
}

.edit-profile-header .icon-edit-profile {
    font-size: 32px;
}

.edit-profile-header .text {
    font-size: 30px;
    letter-spacing: 1px;
    line-height: 38px;
}

.edit-profile-body {
    width: 65%;
    margin: auto;
    background-color: #F5F7F9;
    box-shadow: 0 3px 6px rgb(0 0 0 / 18%);
    border-radius: 10px;
    padding: 20px 30px;
    margin-bottom: 20px;
}

.edit-profile-img-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.edit-profile-img-container .profile-image {
    height: 125px;
    width: 125px;
    line-height: 90px;
    position: relative;
    background-color: #FFECCD;
    border: 1px solid #D97B00;
    border-radius: 100px;
}

.edit-profile-img-container .letter-initials {
    font-size: 54px;
    font-weight: 600;
    color: #D97B00;
}

.edit-profile-img-container input{border: none; padding: 0; font-size: 15px; color: #494949; font-weight: 500; outline: none; width: auto; text-align: center; background-color: transparent;}
.edit-profile-img-container input[name="UserName"]{font-size: 20px; font-weight: 600; color: #272727;}
.edit-profile-img-container p{font-size: 16px; font-weight: 500; color: #494949 !important;}
.edit-profile-img-container .readonly{cursor: not-allowed;}


/* .edit-profile-form-container {
    float: right;
    width: calc(100% - 125px);
} */

.edit-profile-form .primary-btn {
    width: 220px;
}

.edit-profile-form .tags-wrapper {
    position: relative;
    margin-bottom: 35px;
}

.edit-profile-form .tags-wrapper .ui-multiselect {
    position: static;
}

.edit-profile-form .tags-wrapper .ui-multiselect-label {
    padding-left: 30px;
}

.edit-profile-form .tags-wrapper i {
    position: absolute;
    left: 0px;
    top: 5px;
}

.edit-profile-form .tags-wrapper .icon-Subject {
    top: 0px;
}

.edit-profile-form .field-wrapper {
    position: relative;
    margin-bottom: 18px;
}

.edit-profile-form .field-wrapper input {
    border-bottom: 1px solid #aaa;
    padding-left: 25px;
}

.edit-profile-form .field-wrapper .icon-edit {
    color: #ddd;
    bottom: 8px;
    right: 0;
}

.edit-profile-form .field-wrapper.disabled input {
    border-bottom: 1px solid #ddd;
    color: #aaa;
}

.edit-profile-form .field-wrapper.disabled i {
    color: #aaa;
}

.vertical-tabs {
    position: absolute;
    right: 100%;
    top: 20px;
    -webkit-transform: rotate(90deg) translate(85px, -61px);
    -ms-transform: rotate(90deg) translate(85px, -61px);
    -o-transform: rotate(90deg) translate(85px, -61px);
    transform: rotate(90deg) translate(85px, -61px);
    display: flex;
    z-index: 1;
}

.vertical-tabs li {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border: 1px solid #dad8d8;
    background-color: #f8f8f8;
    border-radius: 5px;
    margin-right: 6px;
    cursor: pointer;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-transform: translateZ(0) scale(1, 1);
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    padding: 0 10px;
    color: #494949;
    font-weight: 500;
    font-size: 15px;
}

.vertical-tabs li.active {
    color: #fff;
    background-color: #006166;
    border: none;
}

/* .play-icon {
    color: #000 !important;
    height: 30px;
    width: 30px;
    background: #fff;
    border-radius: 50%;
    font-size: 12px;
    padding-left: 10px;
    padding-top: 10px;
    cursor: pointer;
} */

.cloned-link {
    padding: 2px 10px;
    border-radius: 13.5px;
    background-color: #d5dde5;
    margin-left: 10px;
    color: #4c4c4c;
    font-family: "Source Sans Pro";
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1.2px;
    line-height: 18px;
    cursor: pointer;
}

.cloned-link span {
    color: #5057c6;
    cursor: pointer;
}

.data-form-main-card {
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 10px 18px 0 #d8e2e7;
    padding: 20px 25px;
}

.data-form-main-card .header {
    margin-bottom: 15px;
}

.data-form-main-card .header .task-description {
    font-size: 16px;
    letter-spacing: 2px;
    line-height: 20px;
    float: left;
}

.data-form-main-card .header .no-of-students {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 22px;
    float: right;
}

.data-form-sub-card .header {
    border-radius: 5px;
    background-color: #f8f8f8;
    padding: 15px 25px;
}

.data-form-sub-card .header .step-description {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 22px;
}

.step-response-detail-view-container {
    position: fixed;
    z-index: 9999;
    width: 80%;
    margin: 0 auto;
    border: 1px solid #dad8d8;
    border-radius: 5px;
    right: 0;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background: #fff;
    transition: left 150ms linear;
}

/* .step-response-detail-view-container.open {
    left: 0;
    right: 0;
} */


.step-response-detail-view-header {background-color: #F5F5F7; border-radius: 5px 5px 0 0; display: flex; padding: 15px; gap: 15px; justify-content: space-between;}
.step-response-detail-view-header .profile-icon{width: 75px; height: 75px; border-radius: 5px; background-color: #fff;}
.step-response-detail-view-header .step-number {margin-bottom: 0;}
.step-response-detail-view-header .step-description {flex: 1;overflow: hidden;text-overflow: ellipsis; font-size: 16px; font-weight: 400; line-height: 21px; color: #494949;}
.step-response-detail-view-header .icon-cross {font-size: 12px; margin-left: 20px;}
.step-response-detail-view-header .icon-map-icon {font-size: 13px;}
/* .step-response-detail-view-header .step-icon {position: relative; top: 1px; margin-right: 5px; cursor: default; height: 16px;} */
.step-response-detail-view-header .step-icon {position: relative; top: 2px;}
.step-response-detail-view-header .toggle-switch-tabs {margin-left: 20px;}

.step-response-detail-view-header .close{font-size: 33px; font-weight: 300; opacity: 1; color: #494949;}

.step-response-detail-view-body {height: calc(100vh - 180px);overflow-y: auto;padding: 25px;}
.step-response-detail-view-body .tab-container,
.step-response-detail-view-body .tab-content,
.step-response-detail-view-body .tab-pane {height: 100%;}
.step-response-detail-view-body .response-table {height: 100%;}
.step-response-detail-view-body .response-table table {margin-bottom: 0;}
.tblwidth50 {width: 50%;}
.tblwidth25 {width: 25%;}
.step-response-detail-view-body .response-table ul {list-style: none; display: inline-block;}
.step-response-detail-view-body .response-table ul li {margin-bottom: 5px;}
.step-response-detail-view-body .response-map {height: 100%;}
.step-response-detail-view-body .response-map agm-map {height: 100%;}

.step-response-detail-link {
    display: inline-block;
    color: #5057c6;
    font-size: 12px;
    cursor: pointer;
}

.step-response-detail-link .icon-arrow {
    display: inline-block;
    vertical-align: middle;
    font-size: 9px;
    margin-left: 5px;
}

.step-response-detail-button {
    background-color: #d5dde5;
    padding: 5px;
    color: #5057c6;
    font-size: 12px;
    cursor: pointer;
}

.step-response-detail-button .icon-arrow {
    display: inline-block;
    vertical-align: middle;
    font-size: 9px;
    margin-left: 5px;
}

.step-response-detail-view-header .d-flex .profile-icon{display: flex; justify-content: center; align-items: center;}

.no-response-data {
    flex-direction: column;
}

.no-response-data .text {
    font-size: 16px;
    letter-spacing: 2px;
    margin-top: 15px;
}

.no-response-map {
    background-image: url(/assets/map.095fe65363bf8a178e7ce5b33c6494dc.png);
    flex-direction: column;
}

.no-response-map .text {
    font-size: 16px;
    letter-spacing: 2px;
    margin-top: 15px;
}

.grade-design {padding: 0px;display: inline-flex;align-items: center;justify-content: center;font-size: 14px;position: relative;border-radius: 4px;}

.grade-design .value {position: relative; padding: 0 8px; color: #272727; font-weight: 500;}
.grade-design .line {height: 35px;background: #1D7B00;width: 1px;position: relative;margin: 0;transform: rotate(18deg);}
.grading-score .line{height: 35px;background: #C7C7C7;width: 1px;position: relative;margin: 0 5px;transform: rotate(18deg);}

.grade-design .background {
    background: #d6f6d8;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 5px;
}

.grade-design .circle {
    border: 1px solid #1D7B00;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 5px;
}

.grade-design .circle.yellow {
    border: 1px solid #d9ad00;
}
.grade-design .background.yellow {
    background: #fff7d7d6;
}
.grade-design .line.yellow{
    background: #d9ad00;
}

.grade-design .circle.red {
    border: 1px solid #ff0000d9;
}
.grade-design .background.red {
    background: #ffcfd3b3;
}
.grade-design .line.red{
    background: #ff0000d9;
}

.comment-wrapper {
    border: 1px solid #9281FF;
    border-radius: 5px;
    background-color: #F9F8FF;
    padding: 15px;
    line-height: 22px;
}

.comment-icon{background-color: #9281FF; width: 60px; height: 60px; border-radius: 100px; display: flex; justify-content: center; align-items: center;}

.comment-wrapper .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
    color: #494949;
    text-transform: capitalize;
}

.comment-wrapper .comment{font-size: 14px; font-weight: 500; color: #494949; line-height: 18px; text-transform: capitalize;}

.comment-wrapper .comment-container {
    position: relative;
}

.app-store-container {
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    width: 100%;
    font-size: 14px;
    color: #fff;
    background-color: inherit;
    z-index: 001;
    padding-top: 10px;
}

.app-store-container span {
    padding-left: 16px;
}

.app-store-container a img {
    margin-right: 10px;
    margin-top: 10px;
    border-radius: 5px;
}

.introjs-tooltiptext {
    padding-right: 35px;
}

.introjs-tooltipbuttons {
    overflow: hidden;
}

.introjs-button {
    background: none;
    border: none;
    outline: none;
}

.introjs-button:hover,
.introjs-button:focus,
.introjs-button:active {
    border: none;
    background: none;
    outline: none;
    box-shadow: none;
}

.introjs-skipbutton {
    position: absolute;
    top: 0;
    right: 0;
}

.introjs-prevbutton {
    float: left;
    padding-left: 0;
    color: #aaa;
}

.introjs-prevbutton.introjs-fullbutton {
    border: none;
}

.introjs-nextbutton {
    float: right;
    padding-right: 0;
    color: #5057c6;
}

body.tutorial-active {
    overflow-x: hidden;
    background: #f8f8f8;
}

body.tutorial-active .fullscreen-wrapper {
    overflow: unset;
}

body.tutorial-active .left-sidebar {
    position: fixed;
}

body.tutorial-active .content-header {
    position: fixed;
    width: calc(100% - 270px);
}

body.tutorial-active .content-body {
    height: unset;
    overflow-y: unset;
    margin-top: 50px;
}

.introjs-fixParent.scrolling-footer {
    position: relative !important;
    left: 0;
    right: 0;
}

.error {
    font-size: 12px;
    font-weight: 500;
    color: #e13131 !important;
    position: absolute;
    bottom: -7px;
    left: 10px;
    background-color: #fff;
    padding: 0 5px;
}

.login-error{
    font-size: 14px;
    font-weight: 400;
    color: #e13131 !important;
    padding: 0 5px;
    text-align: center;
}

.password-validation.password-filter{padding: 10px; bottom: 70px !important; border: 1px solid #ddd; border-radius: 5px; box-shadow: 0 3px 6px rgb(46 52 140 / 15%); width: 250px; left: 0;}

.pb-35 {
    padding-bottom: 35px;
}

.pb-16 {
    padding-bottom: 16px;
}

.pt-0 {
    padding-top: 0 !important;
}

.pt-5 {
    padding-top: 5px !important;
}

.pt-10 {
    padding-top: 10px !important;
}

.pt-15 {
    padding-top: 15px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-30 {
    padding-top: 30px !important;
}

.pt-35 {
    padding-top: 35px !important;
}

.pt-40 {
    padding-top: 40px !important;
}

.pt-45 {
    padding-top: 45px !important;
}

.pt-50 {
    padding-top: 50px !important;
}

.pt-55 {
    padding-top: 55px !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.pb-5 {
    padding-bottom: 5px !important;
}

.pb-8 {
    padding-bottom: 8px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-20 {
    padding-bottom: 20px !important;
}

.pb-25 {
    padding-bottom: 25px !important;
}

.pb-30 {
    padding-bottom: 30px !important;
}

.pb-35 {
    padding-bottom: 35px !important;
}

.pb-40 {
    padding-bottom: 40px !important;
}


.pb-0 {
    padding-bottom: 0 !important;
}

.mt-30 {
    margin-top: 30px !important;
}

.mt-20 {
    margin-top: 20px !important;
}

.mt-10 {
    margin-top: 10px !important;
}

.mt-8 {
    margin-top: 8px !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}
.mb-0 {
    margin-bottom: 0px !important;
}

.mb-5 {
    margin-bottom: 5px !important;
}

.mtb-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.placeholder-helper {
    color: #606f8c;
}

.field-wrapper{margin-bottom: 15px; position: relative;}
.field-wrapper label{font-size: 15px;font-weight: 400;color: #494949; margin-bottom: 5px; display: inline-flex; line-height: 16px; align-items: center; gap: 8px;}
.field-wrapper label span.mandatory{color: #D03838; margin-left: -8px; display: flex;}
.field-wrapper .form-control{border: 1px solid #B8B8B8; outline: none; padding: 5px 12px; border-radius: 5px; height: 40px; color: #272727; font-size: 15px; font-weight: 400; display: flex; align-items: center; box-shadow: none; width: 100%;}
.field-wrapper .form-control h2.aos-init{font-size: 15px; font-weight: 500; font-family: 'Poppins', sans-serif !important; margin: 0; line-height: 18px;}
.field-wrapper textarea ~ .form-control{min-height: 40px; height: auto !important;}
.field-wrapper .editable-field{border: 1px solid #B8B8B8; outline: none; padding: 5px 12px; min-height: 150px; border-radius: 5px; align-items: flex-start; overflow: auto  ;}
.field-wrapper .merge-control{display: flex; align-items: center;}
.field-wrapper .merge-control .form-control{border-right: none !important; border-radius: 5px 0 0 5px; display: flex; align-items: center;}
.field-wrapper .merge-control .merge-content{border-radius: 0 5px 5px 0; border: 1px solid #B8B8B8; border-left: none; height: 40px; display: flex; align-items: center; padding: 0 10px; background-color: #F7F7FF; color: #2E348C; font-size: 14px; font-weight: 500; cursor: pointer; opacity: 1;}
.field-wrapper .merge-control .merge-content.disabled{cursor: not-allowed;}
.field-wrapper .add-resources-links{color: #E4E4E4; display: flex; align-items: center; gap: 8px; padding-top: 5px;}
.field-wrapper .add-resources-links a{font-size: 15px; font-weight: 500; color: #2E348C !important;}
.field-wrapper .form-control:focus,
.field-wrapper .editable-field:focus{box-shadow: none;}

.field-wrapper .merge-form-control-check .mi-control{border: 1px solid #B8B8B8; border-radius: 5px 0 0 5px; border-right: none !important;}
.field-wrapper .merge-form-control-check .mc-control{border: 1px solid #B8B8B8; border-radius: 0 5px 5px 0; border-left: none !important; height: 40px; padding: 10px;}
.field-wrapper .merge-form-control-check .mi-control.has-error{border-right: none !important;}

.field-wrapper .merge-form-control-check .form-control.has-error ~ .mc-control{border: 2px solid #ff9494 !important; background-color: #fff7f7 !important; border-left: none !important;}

.field-wrapper textarea.form-control{height: auto;}

.field-wrapper .checkbox{display: flex; align-items: center; gap: 7px; margin: 0; padding:5px 0;}
.field-wrapper .checkbox input[type="checkbox"]{margin: 0;}
.field-wrapper .checkbox label{color: #494949; font-size: 15px; font-weight: 500; margin: 0; line-height: 14px;}

.field-wrapper .radiobtn{display: flex; align-items: center; gap: 7px; margin: 0; padding:5px 0;}
.field-wrapper .radiobtn input[type="radio"]{margin: 0;}
.field-wrapper .radiobtn label{color: #494949; font-size: 15px; font-weight: 500; margin: 0; line-height: 14px;}

.field-wrapper .form-calendar .ui-calendar{display: flex;}
.field-wrapper .form-calendar .ui-calendar input{border: 1px solid #B8B8B8; outline: none; padding: 5px 12px; border-radius: 5px 0 0 5px !important; height: 40px; color: #272727; font-size: 15px; font-weight: 500; width: calc(100% - 40px); border-right: none;}
.field-wrapper .form-calendar .ui-calendar button{position: inherit; width: 40px; height: 40px; border-radius: 0 5px 5px 0; border: 1px solid #B8B8B8; box-shadow: none;}

/* .field-wrapper .ng-untouched{display: flex; align-items: center;} */
.field-wrapper p-radiobutton{display: flex; align-items: center; gap: 10px;}
.field-wrapper p-radiobutton .ui-radiobutton{margin: 0;}
.field-wrapper .ng-untouched label{font-size: 15px;font-weight: 400;color: #494949; line-height: 16px; margin: 0; font-family: 'Poppins', sans-serif !important;}
.field-wrapper p-radiobutton .ui-radiobutton .ui-radiobutton-box{border: 2px solid #2E348C !important; background-color: #ffffff; display: flex; align-items: center; justify-content: center; width: 18px; height: 18px;}
.field-wrapper p-radiobutton .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-radiobutton-icon{color: #2E348C !important; width: 10px; height: 10px; background-color: #2E348C; border-radius: 100px; position: inherit;}
.field-wrapper p-radiobutton .ui-radiobutton .ui-radiobutton-icon::before{display: none;}

.field-wrapper p-autocomplete .ui-autocomplete-input-token{width: 100% !important; margin: 0;}
.field-wrapper p-autocomplete .ui-autocomplete-input-token input{border: 1px solid #B8B8B8; outline: none; padding: 5px 12px; border-radius: 5px; height: 40px; color: #272727; font-size: 15px; font-weight: 400; width: 100%;}

.field-wrapper p-autocomplete .ui-autocomplete-input-token input:focus{border: 1px solid #B8B8B8 !important;}

.field-wrapper p-autocomplete.edit--profile-autocomplete.include-search .ui-autocomplete-multiple-container{background-image: url(/assets/Search.62604f58839f6d2ffdbf3d41dd5f84b4.svg); background-repeat: no-repeat; padding-left: 35px !important; background-position: left 10px center; background-size: 15px;}

.field-wrapper p-autocomplete.edit--profile-autocomplete .ui-autocomplete-multiple-container{display: flex; align-items: center;border: 1px solid #B8B8B8; outline: none; padding: 5px 12px; border-radius: 5px !important; height: 40px; color: #272727; font-size: 15px; font-weight: 500; gap: 5px;}
.field-wrapper p-autocomplete.edit--profile-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input{border: none; height: auto; background-color: transparent; font-family: 'Poppins', sans-serif !important; width: auto; padding: 0; display: inline-flex; font-size: 14px;}
.field-wrapper p-autocomplete.edit--profile-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input:focus{border: none !important;}

.field-wrapper p-autocomplete.edit--profile-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token{display: flex; border: 1px solid #C9C9C9; background-color: #F5F5F5; border-radius: 100px; padding: 5px 10px 5px 10px; margin: 0; align-items: center; overflow: initial; gap: 8px; font-family: 'Poppins', sans-serif !important;}
.field-wrapper p-autocomplete.edit--profile-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon{position: inherit; width: auto; margin: 0 !important; color: #272727;}

.field-wrapper p-autocomplete.edit--profile-autocomplete .ui-autocomplete-panel{box-shadow: none;}
.field-wrapper p-autocomplete.edit--profile-autocomplete .ui-autocomplete-panel .ui-autocomplete-list-item{font-size: 14px;font-weight: 500;color: #676767; font-family: 'Poppins', sans-serif !important;}
.field-wrapper p-autocomplete.edit--profile-autocomplete .ui-autocomplete-panel .ui-autocomplete-list-item.ui-state-highlight{background-color: rgb(46 52 140 / 14%);}

.field-wrapper p-dropdown .ui-dropdown{border: 1px solid #B8B8B8 !important; outline: none; padding: 5px 12px; border-radius: 5px; height: 40px; color: #272727; font-size: 15px; font-weight: 500; display: flex; align-items: center; background-color: #fff;}
.field-wrapper p-dropdown .ui-dropdown label{font-size: 15px;font-weight: 400;color: #494949; line-height: 20px; margin: 0; font-family: 'Poppins', sans-serif !important;}

.field-wrapper p-dropdown .ui-dropdown label.ui-dropdown-label{font-weight: 400; padding: 0;}

.field-wrapper p-dropdown .ui-dropdown-filter-container input{border: 1px solid #c9c9d1; border-radius: 4px;}

.field-wrapper p-dropdown .ui-dropdown .ui-dropdown-panel ul li span{font-family: 'Poppins', sans-serif !important; font-size: 14px;font-weight: 500; color: #272727;}
.field-wrapper p-dropdown .ui-dropdown .ui-dropdown-trigger{background-image: url(/assets/dropdown-select-arrow.d18528966abc6fb1ada9bc7ae6820947.svg); background-repeat: no-repeat; background-position: right 15px center; background-size: 11px; width: 2.7em;}
.field-wrapper p-dropdown .ui-dropdown .ui-dropdown-trigger span{display: none;}

.field-wrapper p-dropdown .ui-dropdown .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight{background-color: #2E348C !important; color: #fff; font-weight: 500;}
.field-wrapper p-dropdown .ui-dropdown .ui-dropdown-panel .ui-dropdown-item.ui-state-highlight span{color: #fff;}
.permission-group-search p-dropdown .ui-dropdown-filter-container{ display: block !important;}

.field-wrapper p-autocomplete .ui-autocomplete-input{border: 1px solid #B8B8B8; outline: none; padding: 5px 12px; border-radius: 5px; height: 40px; color: #272727; font-size: 15px; font-weight: 400; font-family: 'Poppins', sans-serif; width: 100%;}

.field-wrapper .uploader-group{display: flex; flex-direction: column; padding: 10px; border: 1px dashed #B8B8B8; border-radius: 5px;}
.offset {padding-left: 25px;}

.field-wrapper .comboTreeArrowBtn{background-image: url(/assets/dropdown-select-arrow.d18528966abc6fb1ada9bc7ae6820947.svg) !important; width: 35px !important; height: 40px !important; background-repeat: no-repeat !important; background-color: transparent !important; border: none !important; background-position: center; background-size: 11px;}
.field-wrapper .comboTreeArrowBtn span{display: none !important;}

.field-wrapper p-multiselect-custom .ui-multiselect{border: 1px solid #b8b8b8; height: 40px; display: flex; align-items: center;}
.field-wrapper p-multiselect-custom .ui-multiselect .ui-multiselect-label{font-size: 15px; font-weight: 500; color: #494949; font-family: 'Poppins', sans-serif; line-height: 18px;}
.field-wrapper p-multiselect-custom .ui-multiselect .ui-multiselect-trigger{background-image: url(/assets/dropdown-select-arrow.d18528966abc6fb1ada9bc7ae6820947.svg) !important; width: 35px !important; height: 40px !important; background-repeat: no-repeat !important; background-color: transparent !important; border: none !important; background-position: center !important; background-size: 11px !important;}
.field-wrapper p-multiselect-custom .ui-multiselect .ui-multiselect-trigger span{display: none !important;}

.field-wrapper.form-url .d-flex{border: 1px solid #B8B8B8; padding: 5px 12px; border-radius: 5px; height: 40px;}
.field-wrapper.form-url .d-flex.readonly{background-color: #eeeeee;}
.field-wrapper.form-url input{color: #2E348C; font-weight: 500; text-decoration: underline; border: none !important; padding: 0; margin: 0; background-color: transparent;} 

.logo-normal{display: block;}
.logo-ipad{display: none;}


body .ui-state-disabled, body .ui-widget:disabled{opacity: .5;}

/* .placeholder {
    position: absolute;
    bottom: 5px;
    color: #999;
    letter-spacing: 1px;
    left: 15px;
} */

.rest-placeholder {
    position: absolute;
    bottom: 5px;
    color: #999;
    letter-spacing: 1px;
    left: 15px;
}

input:focus+.rest-placeholder {
    top: -20px;
    font-size: 12px;
}

.positioned {
    position: relative;
}

.table-fixed .table-head {
    height: 57px;
}

.table-fixed .table-head table {
    border-bottom: none;
}

.table-fixed .table-body {
    height: calc(100% - 57px);
    overflow-y: overlay;
    border-bottom: 1px solid #e9e9e9;
}

.table-fixed .table-body table {
    border-top: none;
}

.table-container .table-body tr {
    cursor: default !important;
}

.table-container .table-body tr.cursor-pointer {
    cursor: pointer !important;
}

.link-type {
    cursor: pointer;
    color: #5057c6;
}

.sort-icon {
    cursor: pointer;
    display: none;
}

.sort-icon:hover {
    background: #eee;
}

.action-input:hover .sort-icon {
    display: inline-block;
}

.mce-tinymce.mce-panel {
    border: none !important;
}

.mce-btn {
    background-color: #fff !important;
}


.mce-menubar {
    border: none !important;
}

.mce-edit-area {
    border-top: 1px solid #f1f1f1 !important;
}

.mce-tinymce,
.mce-container-body,
iframe[id$="ifr"] {
    min-height: 100%;
}

div.mce-tinymce-inline {
    min-height: auto;
}

.mce-container-body {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.mce-container-body .mce-edit-area {
    position: absolute;
    top: 36px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    border: 1px solid #ddd !important;
    border-top: none !important;
}
.mce-container-body .mce-edit-area .has-error{
    border: 2px solid #ff9494 !important;
    background-color: #fff7f7 !important;
}
.mce-btn.mce-active .mce-caret, .mce-btn.mce-active:hover .mce-caret {
    border-top-color: #FBB03B !important;
}
.mce-opened .mce-open .mce-caret{
    border-top-color: #FBB03B !important;  
}
.step-description-new ul{
        list-style: disc;
        padding: revert;
        margin: 0;
}
.clamp-text {
  display: -webkit-box;
  -webkit-line-clamp: 2;         /* Show only 2 lines */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mce-tinymce .mce-statusbar {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.app-store-image__group {
    height: 60px;
    background-color: inherit;
    display: flex;
    align-items: center;
    overflow: hidden;
    padding: 5px;
}

.app-store-image__group img {
    width: 120px;
    object-fit: cover;
    margin: 5px !important;
}

.left-sidebar .nav-list .list-item a.nav-link.active:before,
.left-sidebar .nav-list .list-item a.nav-link:hover:before {
    content: "";
    position: absolute;
    width: 5px;
    height: 30px;
    background-color: #FBB03B;
    left: 0px;
    bottom: 10px;
    border-radius: 100px;
    top:50%;
    transform: translateY(-50%);
}

.pencil-icon {
    margin-right: 10px;
}

.button-assignment {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 10px 10px;
    letter-spacing: 0.78px;
    border-radius: 8px;
    background: #ffffff;
    font-weight: 600;
    font-size: 14px;
    text-shadow: #ffffff 1px 1px 1px;
    color: #19a3ff;
    text-decoration: none;
}
.btn-toggle-fullwidth{display: none !important;}

@media only screen and (max-width: 1024px) {
    body.tutorial-active .content-header {
        width: calc(100% - 80px);
    }
    
    .error-page .main-text{font-size: 24px;}
    .left-sidebar {width: 80px; position: absolute; z-index: 999999; top: 58px; height: calc(100vh - 58px); padding-top: 30px;}
    .left-sidebar .brand {width: 80px; padding: 30px 10px !important;}
    .left-sidebar .list-item a i{min-width: 80px; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; margin: 0;}
    .left-sidebar .list-item a{padding: 15px 0; text-align: center;}
    .left-sidebar .list-item a span{justify-content: flex-start; opacity: 0; transition: all 0.2s ease; white-space: nowrap;}
    .layout-fullwidth  .left-sidebar .list-item a span{opacity: 1; transition: all 0.2s ease; white-space: nowrap;}
    .left-sidebar .btn-toggle-fullwidth{color: #00AAFF; position: absolute; border: none; background-color: transparent; right: -15px; top: 12px; z-index: 9; display: block !important;}
    .left-sidebar .nav-list li:first-child{padding: 15px 0 !important;}
    .left-sidebar .nav-list li:first-child i{display: flex;}
    .left-sidebar .nav-list li:first-child i svg{width: 28px; height: 28px;}

    .search-by-filter{flex-direction: column; gap: 15px;}
    .search-by-filter .filter-left{justify-content: space-between; width: 100%;}
    .search-by-filter .filter-right{width: 100%; justify-content: flex-end;}

    .layout-fullwidth .left-sidebar{width: 270px;}
    .layout-fullwidth .left-sidebar .btn-toggle-fullwidth{transform: rotate(180deg);}
    .classroom-detailed .classroom-icon,
    .assigment-icon,
    .assignment-footer .icon-space{display: none !important;}
    .assignment-footer .resources-list-detail{padding: 15px !important;}
    .custom-header-fixed{left: 80px !important; width: calc(100% - 80px) !important;}
    .assignment-title{padding-left: 15px !important;}
    .logo-normal{display: none;}
    .logo-ipad{display: block;}
    .logo-ipad img{width: 135px;}
    .logo-ipad .pencil-icon img{width: 28px;}
    .logo-ipad .pencil-icon{min-width: 40px; transition: all 0.2s ease; display: flex; align-items: center; justify-content: center; margin: 0;}
    .logo-ipad span{opacity: 0; transition: all 0.2s ease; white-space: nowrap;}
    .layout-fullwidth .logo-ipad span{opacity: 1; transition: all 0.2s ease; white-space: nowrap;}
    .content-header{padding:10px 15px; position: inherit;}

    .logo-ipad .button-assignment{margin: 0 10px; height: auto; align-items: center;}
    .layout-fullwidth .logo-ipad .button-assignment{justify-content: flex-start; font-size: 15px !important; gap: 20px;}
    .layout-fullwidth .sidebar .btn-toggle-fullwidth {transform: rotate(180deg);}

    .screen-details .logo-ipad{position: absolute; left: 10px; z-index: 99999999;}  
    .screen-details::before{content: ''; position: absolute; width: 80px; height: 58px; background-color: #fff !important; left: 0; top: 0; box-shadow: 0 3px 6px rgb(0 0 0 / 10%); z-index: 999999;}
    .screen-details::after{content: ''; position: absolute; width: 10px; background-color: #ffffff; height: 58px;top: 0; left: 75px; z-index: 999999;}
    .bread-crumb{left: 160px; text-overflow: ellipsis; overflow: hidden;}
    .field-wrapper ul.form--radio li{width: 100% !important;}
    .field-wrapper .d-flex.form--radio{flex-direction: column;}

    .custom--login_bg{display: none !important;}
    .login-new-inner-container .login-inner-second{width: 600px !important;}

    .main-text{font-size: 20px !important;}
    .common_assign .title-carausel{font-size: 16px !important; line-height: 20px !important;}

    .full-nav-image {
        display: none;
    }
    .small-nav-image {
        display: inline-block;
    }
    .app-store-container {
        padding: 0 5px;
        left: -4px;
        /* height: 75px; */
        /*height: 50px;*/
    }
    .app-store-container span {
        display: none;
    }

    .left-sidebar .classroom-icon {
        margin: 0 auto;
    }
    .app-store-image__group {
        display: block;
        height: auto;
    }
    .app-store-image__group img {
        width: 88px;
        height: 31px;
    }
    .left-sidebar .nav-list .list-item a.nav-link.active:before,
    .left-sidebar .nav-list .list-item a.nav-link:hover:before {
        height: 100%;
        left: -3px;
        bottom: -8px;
    }
    .pencil-icon {
        margin-right: 0;
        display: block;
    }
    .button-assignment {
        font-size: 10px;
        height: 38px;
    }
    .content-header .profile-image{min-width: 38px; height: 38px;}
    /* .list-item a.dashboard:hover,
    .list-item a.dashboard:focus,
    .list-item a.dashboard.active {
        background-color: #2ca9d0;
        color: #fff;
    }
    .nav-list .list-item a:hover .icon-Dashboard,
    .nav-list .list-item a:focus .icon-Dashboard,
    .nav-list .list-item a.active .icon-Dashboard {
        color: #fff !important;
    }
    .list-item a.classroom:hover,
    .list-item a.classroom:focus,
    .list-item a.classroom.active {
        background-color: #52c74a;
        color: #fff;
    }
    .list-item a.classroom:hover .icon-Classrooms,
    .list-item a.classroom:focus .icon-Classrooms,
    .list-item a.classroom.active .icon-Classrooms {
        color: #fff;
    }
    .list-item a.assignment:hover,
    .list-item a.assignment:focus,
    .list-item a.assignment.active {
        background-color: #fa8656;
        color: #fff;
    }
    .list-item a.assignment:hover .icon-Assignments,
    .list-item a.assignment:focus .icon-Assignments,
    .list-item a.assignment.active .icon-Assignments {
        color: #fff;
    }
    .list-item a.data:hover,
    .list-item a.data:focus,
    .list-item a.data.active {
        background-color: #e3ce15;
        color: #fff;
    }
    .list-item a.data:hover .icon-Data,
    .list-item a.data:focus .icon-Data,
    .list-item a.data.active .icon-Data {
        color: #fff;
    } */
    .list-item i {
        display: block;
        margin-right: 0;
        font-size: 25px;
        margin-bottom: 7px;
    }
    .content {
        width: calc(100% - 80px);
    }
    .dots-loader-wrapper {
        left: 80px;
    }
    .scrolling-footer {
        left: 80px;
    }
}

.start-tutorial {
    position: fixed;
    /* top: 30%; */
    bottom: 30%;
    right: -5px;
    cursor: pointer;
    padding: 10px 15px;
    border: 1px solid #eeeeee;
    border-radius: 5px;
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(208, 213, 208, 0.69);
}

.cs-form {
    display: flex;
    align-items: center;
    padding: 15px 0 0;
}

.custom-pad>[class^="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

.progress-report .form-control {
    box-shadow: none;
}

.pad-right {
    padding-right: 42px;
}

.pad-right-sm {
    padding-right: 31px;
}

.f-13 {
    font-size: 13px;
}

.f-11 {
    font-size: 11px;
}

.scrolling-footer input[type="text"] {
    box-shadow: none;
}

.loader-bt {
    position: absolute;
    /* bottom: -1px; */
    /* left: 47%; */
    transform: translateX(-50%);
    font-size: 10px;
    white-space: nowrap;
    margin-bottom: 3px;
}

.text-normal {
    font-size: 15px;
    color: #494949;
    font-weight: 500;
    line-height: 16px;
}

.default-btn[disabled] {
    opacity: 0.6;
    cursor: not-allowed;
}

.role-selector-text {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 50px;
}

.role-selector {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 190px;
    margin: 0 15px;
    width: 165px;
    box-shadow: 0 5px 10px 0 #dde7ec;
    padding: 20px 0;
    cursor: pointer;
}

.other-user-role {
    margin-top: 30px;
    display: inline-block;
}

.user-detail {
    margin-top: 4px;
}

.growl-display-center .ui-growl {
    right: 50%;
    transform: translateX(50%);
}

.grade-text-padding {
    padding-left: 4px;
}

.recommended-detail .letter-initials {
    color: #999;
    font-size: 12px;
}

.recommended-detail .profile-image {
    height: 22px;
    min-width: 22px;
    display: inline-flex;
    border-radius: 50%;
    background: #fac882;
    align-items: center;
    justify-content: center;
    color: #494949;
}

.assignment-fl .profile-image {
    height: 22px;
    min-width: 22px;
    display: inline-flex;
    border-radius: 50%;
    background: #fac882;
    align-items: center;
    justify-content: center;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #494949 !important;
}

.recommended-delete-option {
    position: absolute;
    top: 5px;
    right: 10px;
}

.extended-helper-text {
    color: #999;
    letter-spacing: 0px;
    line-height: 0px;
    top: 20px;
    padding-left: 0px;
    padding-right: 0px;
    display: table-header-group;
}

.marker-wrapper {
    width: 200px;
    max-height: 200px;
    overflow-y: auto;
}

.marker-container {
    display: flex;
}

.marker-container:last-child {
    margin-bottom: 0;
}

.marker-resource .image-placeholder {
    height: 50px;
    width: 70px;
}

.marker-resource .audio-placeholder {
    height: 50px;
    width: 50px;
}

.marker-resource .video-placeholder {
    height: 50px;
    width: 70px;
}

.marker-resource .audio-placeholder {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ea9136;
}

.marker-resource .audio-placeholder .icon-sound {
    color: #fff;
    font-size: 18px;
}

.marker-details {
    padding: 0 7px;
}

.data-marker-details {
    margin-top: 7px;
}

.marker-details .main-text,
.data-marker-details .main-text {
    font-size: 12px;
    color: #4c4c4c;
    margin-bottom: 3px;
    font-weight: 500;
}

.marker-details .sub-text,
.data-marker-details .sub-text {
    font-size: 10px;
    color: #999;
}

.marker-details i {
    cursor: default;
}

.marker-resource {
    font-size: 12px;
}

.marker-resource .data-resource-text {
    border-radius: 4px;
    background-color: #f3f3f3;
    padding: 7px;
}

.marker-resource .data-resource-text .dot {
    display: inline-block;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    border: 1px solid #aaa;
    margin-right: 6px;
}

.marker-resource .data-resource-link {
    color: #5057c6;
    margin-top: 10px;
    cursor: pointer;
}

.marker-details-wrapper {
    padding: 10px 0;
    border-bottom: 1px solid #c4c4c4;
}

.marker-details-wrapper:first-of-type {
    padding-top: 0;
}

.marker-details-wrapper:last-of-type {
    padding-bottom: 0;
    border-bottom: none;
}

.google-classroom-help-text {
    font-size: 16px;
    color: #494949;
    font-weight: 500;
}

.google-classroom-help-text a{color: #2E348C !important;}

.main-text-extend {
    margin: 10px 0 25px;
}

@media (min-width: 768px) {
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    }
}





.dropdown-right {
    top: 15px;
    position: absolute;
    /* background: white; */
    height: 100%;
    display: flex;
    width: 50px;
    right: -10px;
}

.right-icon-list {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    /* padding-left: 15px; */
}

.right-icon-list-student {
    justify-content: flex-start;
}

.right-icon-list-student .new-icon-download {
    z-index: 10;
}

.right-icon-list i,
.right-icon-list span {
    position: relative;
    z-index: 9999;
    height: 21%;
    width: 50px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    padding-top: 16px;
}

.right-icon-list i:hover,
.right-icon-list span:hover {
    box-shadow: 0 0 8px 0 rgba(213, 221, 229, 0.4);
}

.bottom-wrapper {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

.bottom-wrapper .bubble-Wrapper {
    padding: 3px 5px;
    font-size: 10px;
    color: #1D7B00;
    border-radius: 50px;
    border: 1px solid #1D7B00;
    white-space: nowrap;
    background-color: #F1FFEC;
    font-weight: 500;
    text-transform: capitalize;
    height: 22px;
    line-height: 12px;
    display: flex;
    align-items: center;
}

.bubble-Wrapper span {
    height: 5px;
    width: 5px;
    display: inline-block;
    background: #1d7934;
    border-radius: 50%;
    margin-right: 5px;
}

.share-card {
    padding-right: 20px;
}

.share-card:hover {
    color: #5054cd !important;
}

.loader-share {
    margin-right: 10px;
}

.return-state-btn {
    padding: 5px 0px;
}

.return-state-btn[disabled] {
    border: 1px solid #5054cd;
    border-radius: 5px;
    background-color: transparent;
    color: #5054cd;
}

.delete-edit {
    position: absolute;
    bottom: 4px;
    right: 11px;
    background: white;
    padding: 4px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0px 0px 5px #000;
    padding-left: 5px;
}

.back-button {
    font-size: 19px;
    margin: 10px 0px;
    display: block;
}

.feedback-modal .modal-dialog{width: 500px;}
.feedback-modal .modal-dialog .modal-content{width: 500px;}

.feedback-modal .share-img {
    height: 120px;
}

.illustration-wrapper {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.share-text {
    color: #000000;
    font-family: "Source Sans Pro";
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    padding-left: 15px;
}

.how-was-your-text {
    font-family: "Source Sans Pro";
    font-size: 20px;
    letter-spacing: 1.2px;
    line-height: 24px;
}

.rating-wrapper ul li {
    width: 80px;
    height: 80px;
    border-radius: 5px;
    border: 2px solid #2E348C;
}

.rating-wrapper ul li.feedback-smiley{background-repeat: no-repeat; background-position: center;}
.rating-wrapper ul li.feedback-smiley:first-child{background-image: url(/assets/01-feedback-worst.f49365d7e320abd9270c60c93403f95c.svg);}
.rating-wrapper ul li.feedback-smiley:nth-child(2){background-image: url(/assets/02-feedback-bad.3e735422ec72c8f1166cb9e52e2ff642.svg);}
.rating-wrapper ul li.feedback-smiley:nth-child(3){background-image: url(/assets/03-feedback-okey.88e994d5fc18fa9e3817b61a7db9fdf2.svg);}
.rating-wrapper ul li.feedback-smiley:nth-child(4){background-image: url(/assets/04-feedback-good.057e6c62cbe32e84be78b9f58ec32938.svg);}
.rating-wrapper ul li.feedback-smiley:nth-child(5){background-image: url(/assets/05-feedback-amazing.45ac1ae4b12ec72d2bdc556aa444d9db.svg);}

.rating-wrapper ul li.selected{background-color: #2E348C; background-repeat: no-repeat; background-position: center;}
.rating-wrapper ul li:first-child.selected{background-image: url(/assets/01-feedback-worst-selected.e5d60fc1e2035fdfd6c0120181b9b45d.svg);}
.rating-wrapper ul li:nth-child(2).selected{background-image: url(/assets/02-feedback-bad-selected.1738e8db873c676fc855adb766050798.svg);}
.rating-wrapper ul li:nth-child(3).selected{background-image: url(/assets/03-feedback-okey-selected.36ff62d3c0fce3e45e87689c23a86d5f.svg);}
.rating-wrapper ul li:nth-child(4).selected{background-image: url(/assets/04-feedback-good-selected.785f47b46bf208c9e1f4cbd49ca59dc5.svg);}
.rating-wrapper ul li:nth-child(5).selected{background-image: url(/assets/05-feedback-amazing-selected.5fb47f47b38016b6828c8a0d44d2d933.svg);}

.rating-wrapper ul li.feedback-smiley {
    display: inline-block;
    position: relative;
  }
  .rating-wrapper ul li.feedback-smiley .smiley-wrapper {
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
  }

  .rating-wrapper ul {
    list-style-type: none;
    text-align: center;
    padding: 0;
  }

  .text-wrapper {
    text-align: center;
    margin-top: 82px;
  }
.rating-content,
.recommend-content {
    padding-left: 15px;
}

.feedback-form-txt-set {
    padding-left: 15px;
    margin-bottom: 20px;
}

.feedback-modal .modal-form {
    margin-top: 15px;
}

.rating-wrapper>ul {
    text-align: center;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.submit-feedback-btn {
    float: none;
    display: flex;
}

.feedback-button-wrapper {
    display: flex;
    justify-content: center;
    /* margin-top: 47px; */
}

.submitted-feedback-wrapper {
    display: flex;
    justify-content: center;
}

.your-experience {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    margin-top: -17px;
}

.continue-text {
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    padding-bottom: 50px;
}

.feedback-radio .ui-radiobutton {
    margin-right: 4px;
}

.feedback-radio {
    display: flex;
    justify-content: space-between;
    width: 133px;
    margin-top: 14px;
}

.feedback-radio .ui-radiobutton-label {
    color: #999999;
    font-family: "Source Sans Pro";
    font-size: 16px;
    letter-spacing: 1.2px;
    line-height: 20px;
    margin-top: -3px;
}

.feedback-radio .ui-radiobutton .ui-radiobutton-box {
    height: 15px;
    width: 15px;
    border: 1px solid #cccccc;
}

.feedback-radio .ui-radiobutton .ui-radiobutton-box.ui-state-active,
.feedback-radio .ui-radiobutton .ui-radiobutton-box:not(.ui-state-disabled):not(.ui-state-active):hover {
    border: 1px solid #cccccc;
    background-color: #636363;
    height: 15px;
    width: 15px;
}

.loader {
    margin-left: 8px;
    margin-top: 4px;
}

.padding-content {
    padding: 0 10px;
}
.tooltip.in {
    opacity: 1;
}
.data-activity-tooltip .tooltip{
top: -100px !important;
}

.tooltip-inner {
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(216, 226, 231, 0.45);
    color: #000;
    line-height: 16px;
    font-size: 12px;
    padding: 12px 20px;
    text-align: left;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #fff !important;
}

.dropdown-right .tooltip.in {
    opacity: 1;
}

.dropdown-right .tooltip-inner {
    background-color: #ffffff;
    color: #000;
    line-height: 16px;
    font-size: 11px;
    padding: 12px 10px;
    text-align: left;
    width: 100px;
}

.dropdown-right .tooltip .tooltip-arrow {
    border-left-color: #fff;
    border-bottom-color: none !important;
    border-right-color: none !important;
}

.feedback-tooltip .tooltip .tooltip-arrow {
    border-bottom-color: #fff;
    border-top-color: #fff !important;
    border-right-color: none !important;
}

.tooltip .tooltip-arrow {
    border-right-color: #fff !important;
}

.image-placeholder-wrapper {
    width: 100px;
    height: 100%;
    display: inline-block;
    margin: 0px 25px;
}

.video-placeholder-wrapper {
    width: 200px;
    height: 100%;
    display: inline-block;
    margin: 0px 25px;
}

.img-placeholder,
.vid-placeholder {
    background-color: #d5dde5;
    border-radius: 5px;
    height: 100px;
    width: 100px;
}

.vid-placeholder {
    width: 200px;
}

.img-name,
.vid-name {
    height: 10px;
    width: 100%;
    background-color: #d5dde5;
    border-radius: 10px;
    margin: 10px 0;
}

.img-date,
.vid-date {
    height: 10px;
    width: 50%;
    background-color: #d5dde5;
    border-radius: 10px;
}

.d-flex {
    display: flex;
    /* justify-content: space-evenly; */
}
.gap-1{gap: 5px;}
.gap-2{gap: 10px;}
.gap-3{gap: 15px;}
.gap-4{gap: 20px;}
.gap-5{gap: 25px;}
.gap-6{gap: 30px;}

.image-label {
    color: #000000;
    font-family: "Source Sans Pro";
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 1.03px;
    line-height: 22px;
}

.image-date {
    color: #999999;
    font-family: "Source Sans Pro";
    font-size: 12px;
    letter-spacing: 1.03px;
    margin-top: -5px;
}

.colum-align {
    flex-direction: column;
}

.imgMedia {
    border-radius: 5px !important;
}

.no-response-yet {
    color: #000000;
    font-size: 14px;
    letter-spacing: 0.78px;
    line-height: 18px;
    margin-left: 5px;
    font-weight: 600;
}

.display-inline-block {
    display: inline-block;
    float: right;
}

.action-btn-step {
    background: none;
    border: none;
    outline: none;
    color: #2E348C;
    font-size: 15px;
    line-height: 18px;
    text-align: center;
    display: flex !important;
    align-items: center;
    gap: 5px;
}

.separator {
    height: 10px;
    width: 2px;
    display: inline-block;
    background: #d5dde5;
}

.separator-1 {
    height: 18px;
    width: 1px;
    display: inline-block;
    background: #BFC2F7;
    display: none !important;
}

.media-preview {
    height: 130px;
    width: 130px;
    position: relative;
    cursor: pointer;
    border-radius: 5px;
}

.media-preview .zoom{position: absolute; left: 0; right: 0; margin: auto; top: 50%; transform: translateY(-50%); z-index: 99; justify-content: center;}

.audio-preview {
    height: 130px;
    width: 130px;
}

.overlay-icons {
    position: absolute;
    height: 100%;
    width: 100%;
    background: #000;
    border-radius: 5px;
    opacity: 0;
}

.media-preview:hover .overlay-icons {
    opacity: 0.4;
}

.media-preview:hover .icons {
    opacity: 1;
}

.icons {
    position: absolute;
    opacity: 0;
    font-size: 14px;
}

.media-preview.active .overlay-icons {
    opacity: 1;
}
/* input[type="radio"] .custom-control-input {
    background-color: red;
  } */

  :root {
    --form-control-color: #2E348C;
  }
  input[type="radio"]:focus {
    outline-offset: 0 !important;
    outline: 0px auto #2E348C;
}
  input[type="radio"]{
    padding: 7px !important;
  }
  input[type="radio"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    /* Remove most all native input styles */
    appearance: none;
    /* For iOS < 15 */
    background-color: var(--form-background);
    /* Not removed via appearance */
    margin: 0;
  
    font: inherit;
    color: currentColor;
    width: 1.15em;
    height: 1.15em;
    border: 1px solid #2E348C;
    border-radius: 50%;
    transform: translateY(-0.075em);
  
    display: grid;
    place-content: center;
  }
  
  input[type="radio"]::before {
    content: "";
    width: 0.60em;
    height: 0.60em;
    border-radius: 50%;
    transform: scale(0);
    transition: 120ms transform ease-in-out;
    box-shadow: inset 1em 1em var(--form-control-color);
    /* Windows High Contrast Mode */
    background-color: CanvasText;
  }
  
  input[type="radio"]:checked::before {
    transform: scale(1);
  }
/* 
  input[type='radio']:after {
    width: 13px;
    height: 13px;
    border-radius: 13px;
    top: -4px;
    left: 0px;
    position: relative;
    background-color: #fff;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #2E348C;
    border-style: solid;
    border-width: 0.1rem;
}

input[type='radio']:checked:after {
    width: 13px;
    height: 13px;
    border-radius: 13px;
    top: -4px;
    left: 0px;
    position: relative;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 1px solid #2E348C;
    background-color: #2E348C;
    border-style: solid;
    border-width: 0.1rem;
}

input[type='radio']:hover:after {
    background-color: #2E348C;
  } */
  p-radiobutton {
    .radio-style {
    .p-radiobutton-box {
        border: 2px solid green;
      }
/*   
    //   .p-radiobutton-box.p-highlight {
    //     border-color: red;
    //     background: orange;
    //   } */
   
    .p-radiobutton-box .p-radiobutton-icon{
      background-color:red ;
    }
    .p-radiobutton-box.p-highlight{
      background: none;
      border-color:greenyellow
    }
  }
  }

.media-preview.active .icons {
    opacity: 1;
}

.d-flex-column {
    display: flex;
    flex-direction: column;
}

.d-flex {
    display: flex;
}
.d-inline-flex {
    display: inline-flex !important;
}

.icons.zoom {
    left: 45%;
    top: 45%;
    cursor: pointer !important;
    font-size: 20px;
}

/* .icons.play-audio {
    top: calc(50% - 15px);
    left: calc(50% - 15px);
    cursor: pointer !important;
} */

.icons.inappropriate-data-overlay {
    text-align: center;
    color: #fff;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
    padding: 10px;
}

.icons.show-icon,
.icons.hide-icon,
.icons.delete {
    right: 5px;
    top: 5px;
    cursor: pointer !important;
    font-size: 20px;
}

.icons.delete {
    font-size: 14px !important;
}

.image-step-type-card .details,
.audio-step-type-card .details{display: flex; gap: 6px; flex-direction: column;}

.image-step-type-card .details .captured-by,
.audio-step-type-card .details .captured-by {
    font-size: 15px;
    margin-top: 5px;
    font-weight: 600;
    color: #494949;
    text-transform: capitalize;
}

.image-step-type-card .details .captured-date,
.audio-step-type-card .details .captured-date {
    color: #797878;
    font-size: 13px;
    line-height: 14px;
    font-weight: 500;
    padding: 0 !important;
}

.audio-step-type-card i.play-icon {
    position: absolute;
    top: 50%;
    left: 0;
    color: rgb(0, 0, 0);
    font-size: 12px;
    cursor: pointer;
    justify-content: center;
    right: 0;
    transform: translateY(-50%);
}

.audio-step-type-card .icons.inappropriate-data-overlay {
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.data-capture-images-card .inappropriate-data-overlay{
    left: 0;
    top: 50%;
    transform: translateY(-50%); 
    position: absolute;
    right: 0;
    margin: auto;
    text-align: center;
    color: #fff;
    font-weight: 500;
}

.play-audio::before {
    position: absolute;
    top: 9px;
}

.responseMedia {
    height: 20px !important;
    display: inline-block;
}

.delete-panel-icon {
    position: absolute;
    top: 5px;
    right: 5px;
}

.custom-confirm-display {
    display: block;
}

.custom-confirm-hide {
    display: none;
}

/* #my-modal {
    position: fixed;
    z-index: 10000;
    margin-top: 100px;
    left: 36%;
    top: -32px;
    width: 400px;
    box-shadow: 0px 0px 7px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: auto;
    height: fit-content;
    transform: translate(0, 0);
} */

/* #assigment-modal {
    position: fixed;
    z-index: 10000;
    margin-top: 100px;
    left: 40%;
    top: -4%;
    width: 400px;
    box-shadow: 0px 0px 7px 0 rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    overflow: auto;
    /* height: 232px;
    transform: translate(0, 0);
}  */

.modal-body-delete {
    /* padding: 40px 30px; */
    height: 100%;
}

.confirm-yes {
    padding: 6px 15px;
    margin-top: 0px;
    width: 126px;
    height: 38px;
    float: right;
}

.assignment-modal-btn {
    padding: 6px 15px;
    width: 126px;
    height: 38px;
    float: right;
}

.modal-content-delete {
    position: relative;
    background: #fff;
    height: fit-content;
    padding: 22px;
}

.confirmation-text-modal {
    color: #000;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    margin-bottom: 40px;
    font-weight: 600;
}

.close-delete {
    float: right;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: rgb(153, 153, 153);
    text-shadow: 0 1px 0 #ffffff;
    filter: alpha(opacity=20);
    padding-right: 21px;
    margin-top: 18px;
    cursor: pointer;
}

.overlay-delete {
    z-index: 10000;
}

.close-delete:hover {
    color: #000;
}

.response-table table tr {
    cursor: auto;
}

.response-table .table>thead>tr>th,
.response-table .table>tbody>tr>th,
.response-table .table>tfoot>tr>th,
.response-table .table>thead>tr>td,
.response-table .table>tbody>tr>td,
.response-table .table>tfoot>tr>td {
    border: 1px solid #dddddd;
    border-top: none;
}

.table-delete {
    display: inline-block;
}

.pre-formated {
    text-align: left !important;
}

.audio-placeholder .icon-sound {
    cursor: auto;
}

.add-more-images {
    background-color: #F5F7F9;
    border-radius: 5px;
    height: 130px;
    width: 130px;
    display: flex;
}

.more-to-show {
    align-self: center;
    font-size: 16px;
    color: #2E348C !important;
    font-weight: 600;
    margin: 0 auto;
}

.add-more-audio {
    height: 93px;
    width: 165px;
}

.upload-wrapper {
    cursor: pointer;
}

.data-upload{width: 90px; height: 90px; border:2px solid #2E348C; border-radius: 4px; display: flex; align-items: center; justify-content: center;}

.d-flex-left {
    display: flex;
    justify-content: space-evenly;
}

.m-top {
    margin-top: 55px;
}

.video-content .modal-body {
    padding: 0 0 8px 0px;
}

.video-content .modal-body .video-js {
    width: 100%;
    height: 300px;
}

.flex-button {
    display: flex;
    justify-content: flex-end;
    margin-right: 30px;
    padding-bottom: 11px;
}

.flex-button .button {
    cursor: pointer;
}

.vjs-record-canvas canvas {
    margin: 0 auto;
    display: block;
}

.dashboard-card-wrapper {
    width: 550px;
    height: auto;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    background: #fff;
    padding: 30px;
}

.step-container-wrapper {
    background: #fff;
    padding: 15px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    /* color: rgb(184, 184, 184); */
}

.step-container {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.circle {
    height: 40px;
    width: 40px;
    border: 1px solid black;
}

.detail {
    display: flex;
    flex-direction: column;
}

.title {
    font-weight: bold;
    font-size: 14px;
}

.title span {
    font-weight: normal;
}

.step-count {
    padding: 10px 65px;
    font-size: 15px;
}

.img-media {
    border: 1px dashed black;
}

.step-title {
    margin: 10px 0px;
}

.measurement {
    margin-top: 20px;
}


/* <!-- cards css --> */

.common_assign.cards {padding: 12px 8px 12px;border-radius: 8px;min-height: max-content;position: relative;}
.common_assign .card-header .sub-title{font-size: 13px; font-weight: 500; line-height: 16px;padding: 12px 0 0;}
.common_assign .title-carausel{font-size: 20px; font-weight: 600; color: #272727; display: block; line-height: 24px; text-transform: capitalize; -webkit-line-clamp: 2; -webkit-box-orient: vertical; cursor: pointer; height: 48px; margin: 10px 0; text-overflow: ellipsis; overflow: hidden;}
.common_assign .subtitle-carausel {font-size: 13px; font-weight: 500;line-height: 16px;color: #494949;margin: 6px 0 10px;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.common_assign .footer-text .text-truncate-2-lines{font-size: 18px; font-weight: 600; color: #272727; line-height: 20px; overflow: hidden;}

/* BACKGROUND */
.assign_collaboration{background: #E7F7F4; background: linear-gradient(90deg, #E7F7F4, #EAFCF7 100%)}
.assign_collaboration .assign_icon{background-color:#00AF92 !important;}
.assign_collaboration .sub-title{color:#00AF92 !important;}

.assign_assessment{background: rgb(231,247,244);background: linear-gradient(90deg, #E3EDFF, #E5EEFF 100%);}
.assign_assessment .assign_icon{background-color:#2E348C !important;}
.assign_assessment .sub-title{color:#2E348C !important;}

.common_assign .card-header .assign_icon{width: 45px; height: 45px; border-radius: 100px; background-color: #ddd; display: flex; align-items: center; justify-content: center;}
.assign_status{background-color: #fff; box-shadow: 0 3px 6px rgb(0 0 0 / 10%); border-radius: 4px; padding: 0; height: 34px; position: relative; padding: 0 8px;} 
/* .assign_status::before{content: ''; position: absolute; width: 1px; height: 60%; background-color: #989898; left: 0; right: 0; margin: 0 auto;} */
.assign_status .submitted-count{font-size: 12px; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 5px; width: 50%; border-right: 1px solid #989898; line-height: 14px;} 
.assign_status .student-count{font-size: 12px; font-weight: 500; display: flex; align-items: center; justify-content: center; gap: 8px; width: 50%; line-height: 14px;}

.view-all{font-size: 14px; font-weight: 500; color: #2E348C !important; line-height: 16px; padding: 7px 0;}

.padding-l-r {
    padding: 0 7px;
}
.title-carausel-hover {
    display: none;
    position: absolute;
    top: 65px;
    left: 56px;
    background: #fff;
    z-index: 999;
    padding: 10px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    border-radius: 5px;
}

.title-carausel:hover~.title-carausel-hover {
    display: block;
}
.green-indicator,
.grey-indicator {
    height: 10px;
    width: 10px;
    background: rgb(87, 181, 80);
    border-radius: 50%;
    display: inline-block;
    margin-right: 7px;
}

.grey-indicator {
    background: rgb(232, 239, 241);
}

.submitted-count {
    line-height: 30px;
}

.submitted-count,
.student-count {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 8px;
}

#progressbar {
    background-color: rgb(232, 239, 241);
    border-radius: 13px;
    /* (height of inner div) / 2 + padding */
    /* padding: 3px; */
}

#progressbar>div {
    background-color: #3B69D8;
    width: 40%;
    /* Adjust with JavaScript */
    height: 10px;
    border-radius: 100px;
}

.main-container-wrapper{
    display: block;
    clear: both;
    height: calc(100% - 50px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 30px;
}

.dashboard-main-wrapper {
    display: block;
    clear: both;
    height: calc(100% - 50px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 30px;
}

.large-12 {
    position: relative;
    height: 100%;
    display: flex;
    padding-bottom: 20px;
    justify-content: center;
}

.owl-prev {
    position: absolute;
    left: -41px;
}

.owl-next {
    position: absolute;
    right: -39px;
}

.carausel-wrapper {
    position: relative;
}

.carausel-wrapper .owl-nav{margin: 0 !important;}
.carausel-wrapper .owl-nav{top: 50%; transform: translateY(-50%); position: absolute; width: 100%;}
.carausel-wrapper .owl-nav .owl-prev{left: -20px; top: -20px;}
.carausel-wrapper .owl-nav .owl-next{right: -20px; top: -20px;}

.carausel-wrapper .owl-nav .owl-prev.disabled,
.carausel-wrapper .owl-nav .owl-next.disabled{opacity: 0.5;}

.carausel-wrapper .owl-nav .owl-prev,
.carausel-wrapper .owl-nav .owl-next{background-color: #fff !important; margin: 0; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-radius: 100px; width: 30px; height: 30px;}

.title-placeholder {
    background-color: #d5dde5;
    height: 19px;
    border-radius: 5px;
    margin-top: 6px;
}

.subtitle-placeholder {
    background-color: #d5dde5;
    height: 12px;
    border-radius: 5px;
    margin-top: 15px;
}

.student-placeholder,
.submitted-placeholder {
    background-color: #d5dde5;
    height: 7px;
    border-radius: 5px;
    width: 70%;
    margin-top: 10px;
}

.submitted-placeholder {
    margin-top: 48px;
}

.student-placeholder {
    margin-bottom: 15px;
}

.progressbar-placeholder {
    background-color: #d5dde5;
    height: 7px;
    border-radius: 5px;
}


/****Placeholder for modal on dashboard*****/

.modal-title-placeholder {
    background-color: #d5dde5;
    height: 30px;
    border-radius: 5px;
    margin-top: 6px;
}

.modal-subtitle-placeholder {
    background-color: #d5dde5;
    height: 20px;
    border-radius: 5px;
    margin-top: 15px;
}

.modal-student-placeholder,
.modal-submitted-placeholder {
    background-color: #d5dde5;
    height: 7px;
    border-radius: 5px;
    width: 70%;
    margin-top: 10px;
}

.modal-submitted-placeholder {
    margin-top: 48px;
}

.modal-student-placeholder {
    margin-bottom: 15px;
    width: 34%;
}

.modal-progressbar-placeholder {
    background-color: #d5dde5;
    height: 7px;
    border-radius: 5px;
    width: 80%;
    margin-bottom: 7px;
    margin-left: 35px;
}


/****Student Progress Placeholder****/

.circle-placeholder {
    height: 30px;
    width: 30px;
    display: inline-block;
    margin: 0;
    margin-right: 5px;
    vertical-align: -webkit-baseline-middle;
    line-height: 28px;
    background-color: #d5dde5;
    border-radius: 50%;
}

.sm-title-placeholder {
    background-color: #d5dde5;
    height: 7px;
    border-radius: 5px;
    width: 25%;
}

.name-placeholder {
    background-color: #d5dde5;
    height: 7px;
    border-radius: 5px;
    width: 160px;
}

.image-placeholder {
    background-color: #d5dde5;
    height: 80px;
    width: 110px;
    margin-top: 15px;
}

.community-placeholder {
    background-color: #d5dde5;
    height: 7px;
    border-radius: 5px;
    width: 40%;
    margin-top: 55px;
}

.class-activity {
    padding: 10px 62px;
}

.dashboard-create-assignment {
    width: 158px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    justify-content: space-evenly;
}

.dashboard-main-text-extend {
    text-align: center;
}

.no-assignment-cards {
    padding: 10px;
    margin: 10px 0;
    border-radius: 5px;
    position: relative;
}

.dashboard-first-section {
    background-color: #fff;
}

.dashboard-second-section {
    background-color: #fff;
    height: max-content;
    padding: 10px 0;
}

.large-12-placeholder {
    position: relative;
    height: 100%;
    display: flex;
    padding-bottom: 20px;
    padding-left: 50px;
}

.view-detail-icon {
    float: right;
}


/*Dashvoard Card Title*/

.card-header {
    min-height: 68px;
}

.title-icon {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}


/*Cross icon on Modal Dashboard*/

.modal-cross {
    display: flex;
    justify-content: flex-end;
    padding: 0 15px;
    font-size: 24px;
    cursor: pointer;
}


/*Student list in Modal on Dashboard*/

.student-name-list>li {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding-bottom: 10px;
    gap: 5px;
    position: relative;
}

.s-progress{display: flex; flex-direction: column; gap: 10px;}
.s-progress h2{font-size: 16px; line-height: 18px; font-weight: 600; color: #494949; margin: 0; padding: 0; font-family: 'Poppins', sans-serif !important;}
.s-progress span{font-size: 16px; line-height: 18px; font-weight: 400; color: #797878; margin: 0; padding: 0; font-family: 'Poppins', sans-serif !important;}

.custom-header-fixed{position: fixed;top: 50px;width: calc(100% - 270px);z-index: 5000;background-color: #fff;left: 270px;padding: 25px 40px 10px 30px;}

.student-name-list>li>span {
    display: block;
    font-size: 14px;
    font-weight: 600;
    color: #494949;    
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.student-name-list>li>div {
    display: block;
    width: 100%;
}

.student-name-list>li>.student-name-block:hover~.student-name-hover {
    display: block;
    position: absolute;
    top: 15px;
    left: 100px;
    background-color: #fff;
    box-shadow: 0 15px 30px 0 rgba(0, 0, 0, 0.11), 0 5px 15px 0 rgba(0, 0, 0, 0.08);
    padding: 3px 3px 3px 10px;
    border-radius: 4px;
    z-index: 999;
}

.student-name-list>li>.student-name-hover {
    display: none;
}


/**Icon that open modal on dashboard**/

.open-activity-modal {
    height: 20px;
    width: 20px;
    text-align: center;
}


/*****OWL CAROUSEL*****/

.owl-theme .owl-nav .disabled {
    opacity: 0.2;
}

.owl-nav>button>img {
    height: 14px;
}

.owl-theme .owl-nav [class*="owl-"]:hover {
    background: transparent;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    outline: none;
}


/***Utility Functions and CLasses***/

.p-t-3p {
    padding-top: 3%;
}

.wd-8p {
    width: 8%;
}

.wd-175 {
    width: 175px;
}

.p-b-10 {
    padding-bottom: 10px;
}

.m-r-0 {
    margin-right: 0;
}

.m-r-8 {
    margin-right: 8px;
}

.m-r-15 {
    margin-right: 15px;
}

.m-r-20 {
    margin-right: 20px;
}

.m-r-25 {
    margin-right: 25px;
}

.m-t-25 {
    margin-top: 25px;
}

.m-b-15n {
    margin-bottom: -15px;
}

.flex-center-between {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.flex-start-between {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.flex-center-center {
    display: flex;
    align-items: center;
    justify-content: center;
}

.flex-center-evenly {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.flex-center-start {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

.flex-row{display: flex; flex-direction: row !important;}

.flex-col {
    display: flex;
    flex-direction: column;
}

.flex-colReverse {
    display: flex;
    flex-direction: column-reverse;
}

.flex-rowReverse {
    display: flex;
    flex-direction: row-reverse;
}


/******AUDIO/VIDEO CONTROL***/

.video-js .vjs-control-bar {
    height: 5em;
    display: flex;
}

.vjs-record .vjs-record-button.vjs-control.vjs-icon-record-start:before {
    font-size: 2.6em;
    line-height: 2em;
}

.vjs-button>.vjs-icon-placeholder:before {
    line-height: 2.4em;
}

.video-js .vjs-time-control {
    line-height: 5em;
}

.vjs-record .vjs-camera-button.vjs-control {
    margin-left: 280px;
}

.vjs-record .vjs-record-button.vjs-control {
    margin-left: 280px;
}

.vjs-button>.vjs-icon-placeholder:before {
    line-height: 2.6em;
}

.vjs-record .vjs-camera-button.vjs-control.vjs-icon-photo-camera:before {
    font-size: 2.6em;
}

.vjs-volume-bar.vjs-slider-horizontal {
    margin-top: 12px;
}

.video-js .vjs-volume-panel .vjs-volume-control {
    margin-top: 11px;
}

.vjs-record .vjs-record-button.vjs-control:focus {
    outline: none;
}

.vjs-record .vjs-camera-button.vjs-control:focus {
    outline: none;
}


/*****Dashboard Second Section****/

.main-heading {
    padding: 20px 0 5px 0;
    color: #676767;
}

.dashboard-second-card {
    background: #fff;
    padding: 20px;
}

.dashboard-second-card>div:not(:last-child) {
    margin-bottom: 10px;
}

.progress-section {
    padding: 10px 7px;
    background-color: #F5F5F7;
    border-radius: 10px;
}


.profile-user>.profile-image {
    height: 30px;
    width: 30px;
    display: inline-block;
    margin: 0;
    margin-right: 13px;
    vertical-align: -webkit-baseline-middle;
    line-height: 30px;
}

.profile-user>.username {
    width: 455px;
    white-space: inherit;
}

.username .bold-font{font-size: 16px; font-weight: 600; color: #272727; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 20ch; text-transform: capitalize;}
.username .normal-font{font-size: 13px; font-weight: 400; color: #494949; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 20ch; text-transform: capitalize;}
.communication-center a{display: flex; align-items: center; gap: 10px;}
.communication-center a i{display: flex;}
.communication-center a span{color:#494949; font-size: 14px; font-weight: 500; line-height: 16px;}

.progress-wrapper {
    padding: 10px 10px 5px 20px;
}

.step-description-width {
    width: 495px;
    display: block;
    padding-bottom: 15px;
    padding-left: 35px;
}

.media-container {

}


/* .tweets-tips {
  margin-left: -15px;
} */


/****Typography****/

.bold-font {
    font-size: 15px;
    line-height: 1.42857143;
    color: #676767;
    font-weight: 600;
}

.normal-font {
    font-size: 15px;
    line-height: 1.42857143;
    color: #676767;
    font-weight: 400;
}

.sm-font {
    font-size: 12px;
    line-height: 1.42857143;
    color: #676767;
    font-weight: 400;
}


/***Scrollbar Styling***/

::-webkit-scrollbar {
    width: 10px;
    left: 10px;
}

::-webkit-scrollbar-track {
    background-color: #F6F6F6;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #E6E7F8;
}


/****Icon overlay****/

.media-preview>i {
    color: #fff;
    font-size: 24px;
}

.media-preview>img {
    height: 100%;
    width: 100%;
}

/* .media-activity-preview {
    margin-bottom: 10px;
} */

.media-activity-preview:not(:last-child) {
    margin-right: 15px;
}

.audio-wrapper>.audio-preview>i {
    font-size: 12px;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
}

.video-wrapper>.video-preview>i {
    font-size: 12px;
    position: absolute;
    top: calc(50% - 15px);
    left: calc(50% - 15px);
}

.audio-wrapper,
.image-wrapper,
.video-wrapper {
    padding: 10px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.audio-wrapper>.media-preview:not(:last-child) {
    margin-bottom: 10px;
}

.response-list li::before {
    content: "\2022";
    color: rgb(87, 181, 80);
    font-weight: bold;
    font-size: 1.4em;
    display: inline-flex;
    width: 0.6em;
    height: 20px;
}

.response-list li:not(:last-child) {
    padding-bottom: 5px;
}

.response-list li:first-child {
    padding-top: 5px;
}

.response-list li {
    word-break: break-all;
    display: flex;
    align-items: center;
    line-height: 20px;
}

.measurement-response-view {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 15px 0 0 0;
    min-height: 32px;
    font-size: 14px;
    width: fit-content;
}

.date-time {
    font-size: 14px;
    font-weight: 500;
    color: #272727;
    line-height: 13px;
    display: flex;
    align-items: center;
    gap: 7px;
    white-space: nowrap;
}


/***Twiiter feed component*****/

.twitter-feed {
    background: #fff;
    padding: 0 !important;
}


/****twitter timeline***/

.timeline-Footer {
    display: flex;
    gap: 5px;
    padding: 10px 0px;
}

.timeline-Header-title {
    font-size: 16px;
}

.twitter-timeline-feed>iframe {
    border: 1px solid rgba(15, 70, 100, 0.12);
}


/****quick fix****/

.width-75p {
    width: 75% !important;
    max-width: fit-content !important;
}


/*****community library*****/

.community-library-wrapper {
    padding: 15px;
    background-color: #F5F5F7;
    border: 1px solid #E9E9E9;
    border-radius: 10px;
    gap: 10px;
}

.community-library-title p{font-size: 15px; font-weight: 500; color: #595959; line-height: 16px; margin: 0;}

.community-library-card {
    padding: 12px 15px;
    background: #fff;
    border: 1px solid #DDDDDD;
    margin: 5px 0 0;
    border-radius: 10px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
}

.community-library-content {
    width: 100%;
}

.community-library-card>.assignment-name {
    font-weight: 600;
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    width: 100%;
    white-space: nowrap;
}

.community-library-card .assignment-number {
    font-size: 12px;
}

.community-library-card>.bottom-container {
    display: flex;
    align-items: center;
}

.dashboard-no-assignment-cards {
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
}

.dashboard-no-assignment-txt {
    margin: -2px 0 4px !important;
}

.twitter-timeline-feed>iframe {
    min-width: 133px;
    width: 100%;
}

/* .iframe-video {
    width: 100%;
    padding: 0 0px 10px 0;
    height: fit-content;
    border-bottom: 1px dashed #ccc;
} */
.iframe-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;    
    height: 100%;       
    border-bottom: 1px dashed #ccc;
}

.twitter-timeline-feed {
    margin: 0 10px;
    border: 1px solid #eee;
}
.video-iframe {
    width: 100%;
    height: 0;  
    margin: 0 0;      
    padding-bottom: 56.25%;
    border-bottom: 1px dashed #ccc;
    position: relative;
    border-radius: 10px;
}

/* .video-iframe {
    margin: 0 0;
    width: 100%;
    border-radius: 10px;
} */

/* .assingment-section {
    height: 450px;
} */

.custom-tick-icon {
    margin: 0px auto 20px auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

.custom-tick-icon>i {
    color: #fff;
    font-size: 60px;
}


/***IPAD CONFIG****/

.ipad-show {
    display: none;
}


/* @media screen and (min-width: 768px){
  .custom-icon-cross {
    right: 42% !important;
  }
}

@media screen and (min-width: 1024px) {
  .custom-icon-cross {
    right: 13% !important;
  }
}
@media screen and (min-width: 1366px) {
  .custom-icon-cross {
    right: 30% !important;
  }
} */

@media screen and (min-width: 600px) and (max-width: 1200px) {
    .ipad-hide {
        display: none;
    }
    .ipad-show {
        display: block;
    }
    .tweets-tips {
        white-space: nowrap;
    }
    .title-carausel {
        display: block;
        display: -webkit-box;
        max-width: 100%;
        margin: 0 auto;
        font-size: 22px;
        line-height: 1;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .filter-dropdown {
        margin-left: 0 !important;
    }
    .filter-group {
        margin-top: 10px;
        margin-bottom: 15px;
        position: relative;
    }
}

body .ui-autocomplete-panel {
    cursor: pointer;
    z-index: 9999 !important;
}

.ipad-width {
    width: 100%;
}

.twitter-feed-fixed {
    position: fixed;
    top: 5px;
    right: 52px;
}

.twitter-feed-static {
    position: static;
}

.scrollToTop {
    position: absolute;
    background: #fff;
    right: 22px;
    font-size: 36px;
    bottom: 7px;
    border-radius: 50%;
    z-index: 999;
    color: #5057c6;
    cursor: pointer;
}

.bold-txt-feedback {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    color: #494949;
    padding-bottom: 12px;
}

.running-txt {
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #494949;
}

.feedback-mail-img {
    height: 45px;
}


/* .assingmnet-modal {
  width: max-content !important;
} */

.custom-margin-20 {
    margin: 20px 0;
}

.ht-60 {
    height: 60px;
}

.assingment-modal-custom {
    display: flex;
    align-items: center;
    justify-content: center;
    height: fit-content;
}

.assingment-modal-cross {
    position: absolute;
    top: 0;
    right: 0;
}

.small-modal-width {
    width: 400px;
    margin: 0 auto;
}

.small-modal-fit {
    width: fit-content;
    margin: 0 auto;
}

.filter-group {
    display: flex;
}

.filter-group span.input-group-btn {
    width: 35px;
}

.search-group {
    display: inline-block;
    position: relative;
    width: max-content;
}

.filter-section {
    width: 100%;
}

.filter-cross-icon {
    position: relative !important;
    top: 0 !important;
    right: 0 !important;
}

.filter-dropdown {
    margin-left: 20px;
}

.filter-dropdown>span>input {
    padding: 0 30px 0 10px;
    background-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: #ddd;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    box-shadow: none;
    height: 38px;
    width: 300px;
}

.filter-dropdown>span>input:focus,
.filter-group .input-group-btn .btn-default {
    border-bottom: 1px solid #ddd;
}


/* .filter-dropdown > span > input:focus,
.filter-group .input-group-btn .btn-default,
.input-group .form-control:first-child:focus {
  border-bottom: 1px solid rgb(46, 52, 140);
  box-shadow: none;
} */

.search-group-width {
    width: 300px !important;
    box-sizing: border-box;
}

.m-b-7:not(:last-child) {
    margin-bottom: 7px;
}

.assignment-popup .modal-title {
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}

.assignment-popup .modal-body {
    padding: 30px 35px 30px 35px;
    background-color: transparent;
}

.assignment-popup .link-wrapper {
    padding: 20px 0px 0px 0px;
}

.assignment-popup .modal-dialog {
    max-width: 700px;
}

.assignment-popup .assignment-link {
    color: #2E348C;
    word-break: break-all;
    border: 1px solid #B8B8B8;
    height: 40px;
    border-radius: 4px;
    width: 100%;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    padding: 10px;
    text-decoration: underline;
    background-color: #F1F1F1;
    gap: 10px;
}

.assignment-popup .assignment-code {
    color: #272727;
    word-break: break-all;
    border: 1px solid #B8B8B8;
    height: 40px;
    border-radius: 4px;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    position: relative;
    padding: 10px 50px 10px 10px;
    background-color: #F1F1F1;
}

.assignment-popup .assignment-student-link {
    color: #2E348C;
    border: 1px solid #B8B8B8;
    height: 70px;
    border-radius: 4px;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
    display: flex;
    align-items: center;
    white-space: pre-line;
    padding: 10px 80px 10px 10px;
    position: relative;
    background-color: #F1F1F1;
    gap: 10px;
}
.assignment-popup .assignment-student-link p{color: #2E348C !important; margin: 0; font-size: 14px; font-weight: 500 !important;}
.assignment-popup .assignment-code a{
    position: absolute;
    right: 0;
    padding: 10px 18px;
    height: 38px;
    background-color: #F7F7FF;
    border-radius: 0 4px 4px 0;
    right: 1px;
    top: 0;
    text-decoration: none;
}
.assignment-popup .assignment-student-link a{
    position: absolute;
    right: 0;
    padding: 10px 18px;
    height: 68px;
    background-color: #F7F7FF;
    border-radius: 0 4px 4px 0;
    right: 1px;
    top: 0;
    text-decoration: none;
    display: flex;
    align-items: center;
}

.assignment-popup .assignment-bottom {
    text-align: center;
}

.assignment-popup h5{font-size: 18px; line-height: 28px; font-weight: 600; color: #494949; font-family: 'Poppins', sans-serif !important; text-transform: capitalize;}

.assignment-popup .instruction{border: 1px solid #B8B8B8; background-color: transparent !important; padding: 14px;}
.assignment-popup .instruction ul li{font-size: 15px; font-weight: 500; color: #272727; line-height: 24px; position: relative; padding-left: 12px;}
.assignment-popup .instruction ul li::before{content: ''; position: absolute; background-color: #2E348C; left: 0; width: 6px; height: 6px; border-radius: 100px; top: 50%; transform: translateY(-50%);}

/*.assignment-popup .assignment-bottom div{*/


/*    display: flex;*/


/*    align-items: center;*/


/*    justify-content:center;*/


/*}*/

.assignment-popup .assignment-bottom div button {
    width: 85px;
    margin: 0 auto;
    font-size: 14px;
    padding: 4px 8px;
}

.assignment-popup .assignment-bottom div span {
    color: #4b81ec;
}

.assignmentcode-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.common-assignment{position: relative; background: #F1F3FA; border-radius: 10px; padding: 15px; }
.common-assignment .assignment-footer{display: flex; justify-content: space-between; align-items: center;}

.collaboration-detail{position: relative; background: #E9F9F6; border-radius: 10px;}
.collaboration-detail .assigment-icon .classes-icon-set{width: 60px; height: 60px; border-radius: 100px; background-color: #00AF92 !important; display: flex; align-items: center; justify-content: center;}
.collaboration-detail .assigment-icon .classes-icon-set img{width: 30px;}
.collaboration-detail .assignment-title .activity-link span{display: flex; font-size: 16px; font-weight: 500; color: #00AF92;}
.collaboration-detail .assignment-footer {background-color: #D5F6EF; border-radius: 0 0 10px 10px; display: flex; height: 55px; align-items: center;}
.collaboration-detail .wrapper-content .due-date-link{border: 1px solid #AAE6DA;}

.assignment-detail{position: relative; background: #E3EDFF; border-radius: 10px;}
.assignment-detail .assigment-icon .classes-icon-set{width: 60px; height: 60px; border-radius: 100px; background-color: #2E348C !important; display: flex; align-items: center; justify-content: center;}
.assignment-detail .assigment-icon .classes-icon-set img{width: 30px;}
.assignment-detail .assignment-title .activity-link span{display: flex; font-size: 16px; font-weight: 500; color: #2E348C;}
.assignment-detail .assignment-footer {background-color: #cfe0ff; border-radius: 0 0 10px 10px; display: flex; height: 55px; align-items: center;}
.assignment-detail .wrapper-content .due-date-link{border: 1px solid #b3c9f0;}

.folder-detail{position: relative; background: #f5f5f5; border-radius: 10px;}
.folder-detail .assigment-icon .classes-icon-set{width: 60px; height: 60px; border-radius: 100px; background-color: #CCCDD4 !important; display: flex; align-items: center; justify-content: center; margin: 10px 0;}
.folder-detail .assigment-icon .classes-icon-set img{width: 30px;}
.folder-detail .assignment-title .activity-link span{display: flex; font-size: 16px; font-weight: 500; color: #2E348C;}
.folder-detail .assignment-footer {background-color: #e7e7e7; border-radius: 0 0 10px 10px; display: flex; height: 55px; align-items: center;}
.folder-detail .wrapper-content .due-date-link{border: 1px solid #e7e7e7;}

.withoutAssignment-type{background-color: #F1F3FA !important; padding: 0 25px;}
.withoutAssignment-type .assigment-icon{display: none;}
.withoutAssignment-type .assignment-footer{background-color: #F1F3FA !important;}
.withoutAssignment-type .assignment-footer .icon-space{display: none;}
.withoutAssignment-type .assignment-title{padding: 8px 0 0;}
.withoutAssignment-type .assignment-title .main-text{padding: 10px 0 0;}
.withoutAssignment-type .assignment-title .description{margin-bottom: 0;}
.withoutAssignment-type .assigment-actions .filter-new{margin: 0;}
.withoutAssignment-type .assignment-footer .assign-score{margin-right: 0;}

.assigment-icon{display: flex; align-items: center; padding: 0 18px;}
.assigment-icon .classes-icon-set{width: 95px; height: 95px; border-radius: 100px; background-color: #00AF92 !important; display: flex; align-items: center; justify-content: center;}
.assignment-title{padding: 10px 0;}
.assignment-title .assignment-detail-code {display: flex; flex-direction: row;}
.assignment-title span.assignment-detail-code,
.assignment-title .assignment-detail-code .code {font-size: 16px; font-weight: 500; color: #494949 !important;}
.assignment-title .activity-link{display: flex; align-items: center;}
.assignment-title .main-text {display: inline-block; word-wrap: break-word; color: #272727 !important; font-size: 24px; padding:5px 0 10px; line-height: 30px; text-transform: capitalize;}
.assignment-title .icons {line-height: 38px;font-size: 18px;}
.assignment-title .icons i {padding: 0 9px;}
.assignment-title .wrapper-content {display: flex; gap: 4px; align-items: center; white-space: nowrap;}
/* .assignment-title .wrapper-content .cloned-link-invision{padding-bottom: 5px;} */
.assignment-title .wrapper-content .cloned-link-invision,
.assignment-title .wrapper-content .due-date-link,
.assignment-title .wrapper-content .classroom-link{display: flex; align-items: center; gap: 5px;}
.assignment-title .wrapper-content .due-date-link{padding: 5px 10px; border-radius: 100px; background-color: #fff; }

.assignment-title .wrapper-content .cloned-link-invision span{max-width: 250px; display: block !important;}

.assignment-title .wrapper-content .cloned-link-invision span,
.assignment-title .wrapper-content .classroom-link span,
.assignment-title .wrapper-content .due-date-link span{font-size: 15px; font-weight: 500; color: #494949; display: flex; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.assignment-title .wrapper-content ~ description-card .description{margin: 5px 0;}
.assignment-title description-card{display: flex;}
.assignment-title .description{margin: 0 0 5px; color: #494949; font-size: 14px; font-weight: 500; line-height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: initial; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.assignment-title .description.read-more{display: initial;}
.assignment-title .hidden-description{position: absolute; top: -9999px;}
.assigment-actions{min-width: 75px; padding-top: 20px;}
.assigment-actions .filter-new{margin-right: 20px; cursor: pointer;}

.ass-dot{position: relative; min-width: 4px; height: 4px; background-color: #494949; border-radius: 100px; margin: 0 5px;}
/* .ass-dot::before{position: absolute; content: '';  top: 50%; transform: translateY(-50%); left: 0;} */

.assignment-footer .icon-space{min-width: 96px; padding: 0 18px;}
.assignment-footer .resources-list-detail{margin: 0; display: flex; align-items: center; flex-wrap: wrap; padding: 5px 0;}
.assignment-footer .resources-list-detail li{max-width: 170px; padding: 2px 10px 2px 0; display: flex; align-items: center;}
.assignment-footer .resources-list-detail li a{color: #2E348C !important; font-size: 13px; font-weight: 500; padding-left: 8px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}




div.center-containeer {
    height: 100%;
    position: relative;
}

div.center-containeer h1 {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.full-scrolling-footer {
    width: 100% !important;
    left: 0 !important;
}

.hignlighted-status {
    color: rgb(83, 90, 198);
}

.copy-url {
    position: relative;
    font-size: 14px;
    font-weight: 400;
    background: #fff;
    padding: 7px;
    display: inline-block;
    position: relative;
    margin-top: 15px;
    width: 65px;
    border-radius: 10px;
}

.copy-link-container {
    position: relative;
}

.copy-url-2 {
    position: absolute;
    bottom: 100%;
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
    background: #f4f4f4;
    padding: 7px;
    width: 65px;
    border-radius: 10px;
}

.copy-url-2::after {
    content: "";
    position: absolute;
    top: unset;
    left: 15px;
    border-top: 11px solid #f4f4f4;
    bottom: -11px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.copy-url::after {
    content: "";
    position: absolute;
    top: -10px;
    left: 15px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 11px solid #fff;
}

.notebook-content-full {
    width: 100% !important;
}

.assignment-button-disable {
    pointer-events: none;
    opacity: 0.5;
}

.width-40per {
    width: 40% !important;
}

.width-30per {
    width: 30% !important;
}

.width-45per {
    width: 45% !important;
}


/*Tables for Assignment*/

.bd-example-container {
    min-width: 16rem;
    max-width: 25rem;
    margin-right: auto;
    margin-left: auto;
}

.bd-example-container-header {
    height: 3rem;
    margin-bottom: 0.5rem;
    /* background-color: lighten($blue, 50%); */
    border-radius: 0.25rem;
}

.bd-example-container-sidebar {
    float: right;
    width: 4rem;
    height: 8rem;
    /* background-color: lighten($blue, 25%); */
    border-radius: 0.25rem;
}

.bd-example-container-body {
    height: 8rem;
    margin-right: 4.5rem;
    /* background-color: lighten($bd-purple, 25%); */
    border-radius: 0.25rem;
}

.bd-example-container-fluid {
    max-width: 500px;
}

.bd-example {
    position: relative;
}

table.table.table-bordered td {
    width: auto !important;
}

.txt-align-lft {
    text-align: left;
}

.contrast {
    filter: contrast(0.5);
    /*box-shadow: 1px 1px 1px 1px blue;*/
}

.width-20per {
    width: 20% !important;
}

.width-80per {
    width: 80% !important;
}

.dashboard-table-scroll {
    max-width: 600px;
    min-width: 200px;
    overflow: auto;
}

.dashboard-table-scroll thead tr th{font-size: 14px; font-weight: 600; text-transform: capitalize;}
.dashboard-table-scroll tbody tr td{font-size: 13px; font-weight: 400; text-transform: capitalize;}

.step-preview {
    vertical-align: text-top;
}

.step-preview a {
    vertical-align: bottom;
}


/*Tables for Assignment*/

.float-right {
    float: right;
}

.float-left {
    float: left;
}

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

.mt-10 {
    margin-top: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.lightsteelblue {
    background: #b0c4de;
}

.unselected-btn {
    width: 100%;
    background-color: #d5dde5;
    /* box-shadow: 0 10px 10px -10px rgba(75, 147, 236, 0.38); */
    border-radius: 8px;
    border: none;
    outline: none;
    padding: 10px 0;
    color: #000;
    font-size: 16px;
}

.unselected-btn[disabled] {
    cursor: not-allowed;
    opacity: 0.9;
}

.unselected-btn:hover,
.unselected-btn:focus {
    box-shadow: 0 9px 12px 0 rgba(75, 147, 236, 0.38);
    transform: scale(1.01);
    transition-duration: 0.2s;
}


/* Dropdown button */

.dropdown-menu {
    border: none;
    outline: none;
    background-color: inherit;
    font-family: inherit;
    /* Important for vertical align on mobile phones */
    margin: 0;
    /* Important for vertical align on mobile phones */
}

.folder-icon {
    background: url(/assets/folder-icon.a6a7841b74bc6bbd8b2b335e2a6e8e52.png) no-repeat;
    background-size: cover;
    width: 10%;
    margin: 0 10% 2% 10%;
    padding-bottom: 10%;
    float: left;
}

.folder-icon-30 {
    -webkit-filter: brightness(50%) sepia(1) hue-rotate(30deg);
    filter: brightness(50%) sepia(1) hue-rotate(30deg);
}

.folder-icon-60 {
    -webkit-filter: brightness(50%) sepia(1) hue-rotate(60deg);
    filter: brightness(50%) sepia(1) hue-rotate(60deg);
}

.folder-icon-90 {
    -webkit-filter: brightness(50%) sepia(1) hue-rotate(90deg);
    filter: brightness(50%) sepia(1) hue-rotate(90deg);
}

.folder-icon-120 {
    -webkit-filter: brightness(50%) sepia(1) hue-rotate(120deg);
    filter: brightness(50%) sepia(1) hue-rotate(120deg);
}

.folder-icon-150 {
    -webkit-filter: brightness(50%) sepia(1) hue-rotate(150deg);
    filter: brightness(50%) sepia(1) hue-rotate(150deg);
}

.folder-icon-180 {
    -webkit-filter: brightness(50%) sepia(1) hue-rotate(180deg);
    filter: brightness(50%) sepia(1) hue-rotate(180deg);
}

.dots-click {
    color: #fff;
    right: 0.4em;
    width: 10%;
    float: left;
    padding: 10px 0px 10px 0px;
    cursor: pointer;
}

.dots-click:hover {
    opacity: 0.6;
}

.subnavigation-menu {
    width: 90%;
    float: left;
    display: inline;
}

.subnavigation-menu i {
    margin-right: 10px;
}

.dots-click:after {
    content: "\2807";
    font-size: 20px;
}

.dropdown-content {
    display: none;
    position: relative;
    background-color: inherit;
    min-width: 160px;
    overflow: auto;
    z-index: 1;
}

.dropdown-content.show:hover,
.dropdown-content.show.active {
    background-color: #ffffff1c;
}

.left-sidebar .nav-list .list-item .nav-link,
.left-sidebar .dropdown-content.sub-dropdown a {
    position: relative;
}

.left-sidebar .dropdown-content.sub-dropdown a:hover:before {
    left: -3px !important;
}

.left-sidebar .nav-list .list-item a.nav-link.active span{
    font-weight: 600 !important;
}
.left-sidebar .nav-list .list-item a.nav-link.active i svg path{fill: #FBB03B;}

.left-sidebar .nav-list .list-item a.nav-link .ic-normal{display: block;}
.left-sidebar .nav-list .list-item a.nav-link .ic-active{display: none;}

.left-sidebar .nav-list .list-item a.nav-link.active .ic-normal{display: none;}
.left-sidebar .nav-list .list-item a.nav-link.active .ic-active{display: block;}

.left-sidebar .dropdown-content.show:hover:before,
.left-sidebar .dropdown-content.active::before,
.left-sidebar .dropdown-content.sub-dropdown a:hover:before {
    content: "";
    position: absolute;
    width: 3px;
    height: 30px;
    background-color: #fff;
    left: 0;
    top: 7px;
    border-radius: 0 100px 100px 0px;
}

.left-sidebar .dropdown-content.show:hover:after,
.left-sidebar .dropdown-content.active::after,
.left-sidebar .dropdown-content.sub-dropdown a:hover:after {
    content: "";
    position: absolute;
    right: 37px;
    top: 18px;
    transform: rotate(45deg);
    background: #fff0;
    width: 9px;
    height: 9px;
    border-right: 2px solid white;
    border-top: 2px solid white;
}

.left-sidebar .dropdown-content.sub-dropdown:hover:before,
.left-sidebar .dropdown-content.sub-dropdown:hover:after {
    content: none;
}

.dropdown-content a {
    color: black;
    padding: 10px 20px 12px 56px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    /* background-color: #f1f1f1; */
    color: #fff !important;
}

.show {
    display: block !important;
}

.dropdown-content .wrap-text-title img {
    margin-right: 10px;
}

.create-new-button {
    position: relative;
    background-color: #2E348C;
    text-shadow: none;
    color: #fff !important;
    line-height: 24px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    font-weight: 500;
}

.list-item a.activeSub {
    /* color: #000 !important; */
    outline: none;
}


/* .list-item a.assignment.activeSub {
    border-left: 3px solid #fa8656;
} */

.nav-list::-webkit-scrollbar {
    display: none;
}

.shared-private-detail {
    width: 13% !important;
}

.wrap-text-title {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.padd-left-30 {
    padding-left: 30% !important;
}

.margin-left-60 {
    margin-left: 60% !important;
    margin-right: 0px;
}

.modal-form .share-assignment-custom .ui-autocomplete {
    border-bottom: 1px solid #ff0000 !important;
}

.icon-Data-logo:before {
    content: "\E90D";
    font-size: 30px;
    color: #222222;
}

.icon-Dashboard-logo:before {
    content: "\E90C";
    font-size: 30px;
    color: #222222;
}

.new-icon-free-my-lib-logo:before {
    content: "\E92E";
    font-size: 30px;
    color: #222222;
}

.new-icon-free-community-lib-logo:before {
    content: "\E920";
    font-size: 30px;
    color: #222222;
}

.new-icon-free-expert-content-logo:before {
    content: "\E904";
    font-size: 30px;
    color: #222222;
}

.new-icon-free-design-template-logo:before {
    content: "\E956";
    font-size: 30px;
    color: #222222;
}

.new-icon-free-design-template:before {
    content: "\E956";
    font-size: 15px;
}

.new-icon-free-pencil-logo:before {
    content: "\E906";
    font-size: 16px;
    color: #0275d8;
}

.button-assignment:hover,
.button-assignment:focus {
    /* border: 3px solid #21d4ff; */
    color: #fff !important;
    text-decoration: none;
}

.button-assignment:active {
    /* background: #b3b3b3;
    background: -webkit-gradient(linear, left top, left bottom, from(#19a3ff), to(#ffffff));
    background: -moz-linear-gradient(top, #19a3ff, #ffffff);
    background: linear-gradient(to bottom, #19a3ff, #ffffff); */
}

.hide-border input {
    width: 100%;
    border: 0px;
}

.new-icon-free-user-plus-logo:before {
    content: "\E973";
    font-size: 30px;
    color: #0275d8;
    vertical-align: middle;
    padding: 10px;
}

.new-icon-free-user-minus-logo:before {
    content: "\E974";
    font-size: 30px;
    vertical-align: middle;
    padding: 10px;
    color: #fa8072;
}

.pad-top-botton-10 {
    padding: 10px 0px;
}

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

/* .error-validation .ng-touched.ng-invalid {
    border: 1px solid #ff0000;
} */

.invite-user-form .custom-tag-list .invite-user {
    background-color: #c8d2e3 !important;
}

.invite-user-form .resources-tags {
    margin: 0px 0 0 0px !important;
    margin-bottom: 13px !important;
}

.new-icon-free-info-logo:before {
    content: "\EA0C";
    font-size: 20px;
    vertical-align: middle;
    color: #000;
    padding: 10px;
}

.margin-left-40 {
    margin-right: 0px !important;
    margin-left: 40px;
    z-index: 9999;
}

.margin-right-40 {
    margin-right: 40px !important;
    margin-left: 0px;
}

.margin-right-10 {
    margin-right: 10px !important;
    margin-left: 0px;
}

.new-icon-free-group-logo {
    background: url(/assets/Collaboration.ccc23feac797a2401cf87fbdfd89fce5.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    align-content: center;
    vertical-align: middle;
    padding: 0px 10px;
}

.new-icon-free-single-logo {
    background: url(/assets/Assessment.04809bc5402fa751a2efa59783cf1055.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    align-content: center;
    vertical-align: middle;
    padding: 0px 15px;
}

.new-icon-free-assignment-logo {
    background: url(/assets/assignment.fdbfbe13248081689a5338270e4b4500.png);
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    align-content: center;
    vertical-align: middle;
    padding: 0px 10px;
}

.add-another-user.icon-plus,
.add-another-user.glyphicon-minus {
    height: 20px;
    width: 20px;
    background-color: #5057c6;
    /* box-shadow: 0 2px 8px 0 rgba(75, 147, 236, 0.38); */
    border-radius: 50%;
    font-size: 8px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
}

.title-below {
    padding: 5px 0px;
    display: inherit;
}

.no-activities .secondary-btn-new {
    width: 200px;
    height: 200px;
    padding: 15px 14px;
    margin: 0 10px;
    border-radius: 10px;
    color: #4c4c4c;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 16%);
}

.no-activities .secondary-btn-new.colla{background-color: #E8F8F5;}
.no-activities .secondary-btn-new.asses{background-color: #E3EDFF;}

.no-activities .secondary-btn-new .icon-assi-choosing{display: flex; align-items: center; justify-content: center; width: 100px; height: 100px;  border-radius: 100px;}

.no-activities .secondary-btn-new.colla .icon-assi-choosing{background-color: #00AF92;}
.no-activities .secondary-btn-new.asses .icon-assi-choosing{background-color: #2E348C;}

.no-activities .secondary-btn-new span{font-size: 20px; font-weight: 600; color: #494949;}

.secondary-btn-new {
    background: #fff;
    box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.1);
    outline: none;
    border: none;
    padding: 15px 0;
    font-size: 16px;
    border-radius: 8px;
    width: 100%;
}

.light-gray {
    color: #bdb8b8;
}

.fullscreen-wrapper.login-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.margin-right-30per {
    margin-right: 30%;
}

.padding-right-0 {
    padding-right: 0px;
}


/**********
15-06-2020
*************/

.ui-dropdown.ui-widget.ui-state-default.ui-corner-all {
    width: 100% !important;
}

.profile-address-group .col-md-6 {
    padding: 0px !important;
}

.profile-address-group label {
    text-align: initial;
}

.profile-address-group .ui-dropdown-filter-container {
    width: 100%;
}

.mr-2 {
    margin-right: 1rem;
}

.mb-15 {
    margin-bottom: 1rem !important;
}

.mb-25 {
    margin-bottom: 25px !important;
}

.new-icon-free-building-logo,
.new-icon-free-school-logo {
    margin-left: 1px;
}

.new-icon-free-building-logo:before {
    content: "\E903";
    font-size: 16px;
}

.new-icon-free-school-logo:before {
    content: "\E921";
    font-size: 15px;
}


/*********modal popup***********/

.modal-align-center {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    bottom: 0;
    width: 100% !important;
    left: 0 !important;
    right: 0 !important;
    margin: 0 auto !important;
    bottom: 260px !important;
    top: inherit !important;
    box-shadow: none !important;
}

.modal-align-center .modal-content-delete {
    width: 450px;
    background-color: #fff;
    margin-left: 50px;
    margin-right: 50px;
}

.modal-align-center .upload-wrapper {
    border: 1px solid #e4e1e1;
    padding: 20px;
    transform: scale(1.05);
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    background-color: white;
    border-radius: 10px;
}

.modal-align-center .upload-wrapper:hover {
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.2);
}

.modal-align-center .upload-wrapper {
    text-align: center;
}

.modal-align-center .upload-wrapper img {
    padding-left: 0px;
    width: 30px;
    height: 30px;
}

.modal-align-center .upload-wrapper .action-btn {
    color: #0f1684;
    font-weight: 600;
    background-color: #0f1684;
    color: #fff;
    margin-top: 20px;
    padding: 5px 20px;
    border-radius: 9px;
    font-style: normal;
    font-size: 13px;
}

.font-bold {
    font-size: 20px;
}

.margin-top-bottom-20 {
    margin: 20px 0px;
}

.pad-top-10 {
    padding-top: 10%;
}

.margin-top-10 {
    margin-top: 10px !important;
}


/*********progress bar group**************/

.progress-bar-group {display: flex; justify-content: space-between; align-items: flex-end; border-bottom: 1px solid #c4c8cc; margin-bottom: 20px; padding-bottom: 10px;}
.progress-bar-group .progress-bar-left{display: flex; align-items: center;}
.progress-bar-group .progress-bar-right{display: flex; align-items: center; gap: 10px;}

.progress-btn:hover {
    box-shadow: none;
    transform: initial;
    transition-duration: initial;
    background-color: #5058c6;
    color: #fff;
}

.primary-btn-new {
    padding: 10px 22px;
    border: 1px solid #5058c6;
    letter-spacing: 0.78px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    background-color: #5058c6;
    color: #fff;
}

.primary-btn-new:disabled{
    cursor: not-allowed;
    opacity: 0.3;
}

.primary-btn-collect {
    padding: 10px 22px;
    border: 1px solid #57b550;
    letter-spacing: 0.78px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: 0.3s ease-in-out;
    background-color: #57b550;
    color: #fff;
}

.primary-btn-collect:hover, .primary-btn-collect:focus {
    box-shadow: 0 9px 12px 0 rgba(160, 254, 144, 0.38);
    transform: scale(1.01);
    transition-duration: 0.2s;
}

.primary-btn-collect[disabled] {
    cursor: not-allowed;
    opacity: 0.3;
}

.primary-btn-Previous {
    border-radius: 18px;
    border: 2px solid #5057c6;
    padding-top: 5px;
    width: 48px;
    background-color: #5057c6;
}
.primary-btn-Previous[disabled] {
    cursor: not-allowed;
    opacity: 0.3;
}
.primary-btn-next{
    border-radius: 18px;
    border: 2px solid #5057c6;
    padding-top: 5px;
    width: 48px;
    background-color: #5057c6;
}
.primary-btn-next[disabled] {
    cursor: not-allowed;
    opacity: 0.3;
}

.progress-bar-table .table thead tr th{background-color: #F1F3FA; color: #4c4c4c; font-size: 16px; font-weight: 600; text-transform: uppercase; text-align: left;}
.progress-bar-table .table tbody tr td {vertical-align: middle; padding: 15px 8px; font-weight: 500; font-size: 16px; color: #494949;}
.progress-bar-table .table tbody tr td:first-child,
.progress-bar-table .table thead th:first-child {width: 40px; padding-left: 20px !important;padding-right: 8px !important;}
.progress-bar-table .table tbody tr td:not(:first-child) {width: 24%;}
.progress-bar-table .table tbody tr td:last-child{width: 35%;}
.progress-input-field {border: none; box-shadow: none; outline: none; padding: 0; height: inherit; background-color: transparent; color: #000; font-weight: 600; width: 23px; text-align: right;}
.progress-input-field:hover,
.progress-input-field:focus {background-color: transparent;box-shadow: none;border: none;}
.progress-bar-grade {border-bottom: 1px solid #e6e6e6;}
.progress-bar-table .suffix {bottom: 0;right: 0;width: 30px;}
.progress-bar-table .loader-bt {left: 64%;font-size: 9px;}
.progress-bar-table input[type="checkbox"] {width: 15px;height: 15px;margin-top: 0px;vertical-align: middle;}

.left-sidebar .pencil-cion {
    padding-right: 5px;
}

.modal-new {
    max-width: 658px;
    width: 100%;
    margin: 32px auto;
}

.modal-body .form-group {
    margin-bottom: 21px;
}

/* .form-group label {
    display: block;
    font-size: 12px;
    color: #6c6c73;
    padding-bottom: 8px;
} */

/* .modal-body .form-group input {
    width: calc(100% - 0px);
    padding: 11px 16px;
    border: 1px solid #c9c9d1;
    border-radius: 4px;
} */

.uploader-group {
    border: 1px dashed #b7bdc4;
    display: block;
    text-align: center;
    /* padding: 56px; */
}

.uploader-group-error {
    border: 1px dashed #e13131;
    display: block;
    text-align: center;
    /* padding: 56px; */
}

.modal-footer {
    padding: 12px;
    background-color: #fff;
    box-shadow: 0 -1px 10px 0 rgba(0, 0, 0, 0.1);
    text-align: center;
}

.file--upload{display: flex; justify-content: center; border: 1.6px dashed #B8B8B8; height: 40px; border-radius: 4px; width: 100%; }
.file--upload span{color: #2E348C !important; font-size: 14px !important; font-weight: 500 !important;}

.class-room .separator {
    position: relative;
    display: block;
}

.class-room .separator::after {
    content: "";
    position: absolute;
    width: 187px;
    height: 1px;
    background: #e7ebf4;
    top: 19px;
    transform: translateX(-50%);
}

.separator p {
    background: #ffffff;
    font-size: 12px;
    display: inline-block;
    z-index: 99999;
    position: relative;
    padding: 1px 3px;
    color: #56585d;
}
.mce-floatpanel {
    z-index:65537009 !important;
}
.mce-listbox button{
    width: 60px;
}
.mce-container-body.mce-abs-layout {
    overflow: visible !important;
}
.toast-message {
    max-width: 483px;
    width: 100%;
    position: fixed;
    z-index: 99999;
    top: 23px;
    left: 270px;
    right: 0;
    margin: auto;
    background-color: #fff;
    padding: 19px 20px 19px;
    font-size: 14px;
    border-radius: 4px;
    box-shadow: 0 2px 15px 0 rgba(142, 155, 168, 0.5);
    border-left: 5px solid #5dcb55;
    color: #2f2f34;
}

.toast-message p {
    margin-bottom: 0px;
}

.toast-message .tick-mark {
    margin-right: 12px;
}

.toast-message .cancel-icon {
    padding-left: 53px;
    cursor: pointer;
}

.divider {
    display: block;
    border-bottom: 1px solid #c4c8cc;
}


/********************
*
*
*Global css class
*
*
*
**********************/

.link-blue {
    color: #5058c6 !important;
}

.dark-gray {
    color: #56585d;
}

.theme-black {
    color: #2f2f34;
}

.font-12 {
    font-size: 12px;
}

.font-14 {
    font-size: 14px !important;
}

.font-bold {
    font-weight: 600;
}

.font-semi-bold {
    font-weight: 600;
}

.pl-0 {
    padding-left: 0px;
}

.pr-0 {
    padding-right: 0px;
}

.pr-20 {
    padding-right: 20px;
}

.pr-15 {
    padding-right: 15px;
}

.pr-24 {
    padding-right: 24px;
}

.pb-24 {
    padding-bottom: 24px;
}

.pb-33 {
    padding-bottom: 33px;
}

.mr-40 {
    margin-right: 40px !important;
}

.mr-20 {
    margin-right: 20px;
}

.mr-25 {
    margin-right: 25px !important;
}

.ml-25 {
    margin-left: 25px !important;
}

.my-16 {
    margin-top: 16px;
    margin-bottom: 16px;
}

.text-right {
    text-align: right;
}

.w-54 {
    width: 54px;
    position: relative;
}

.w-40 {
    width: 40px !important;
}

.w-p-50 {
    width: 50px !important;
}

.w-120 {
    width: 120px;
}

.w-130 {
    width: 130px !important;
}

.w-150 {
    width: 150px !important;
}

.w-160 {
    width: 165px !important;
}

.w-200 {
    width: 200px !important;
}

.w-250 {
    width: 250px !important;
}


.tags {background-color: inherit; border-radius: 20px; padding: 4px 15px; color: #fff; font-size: 13px; font-weight: 500; white-space: nowrap;}
.success{background-color: #F1FFEC; border: 1px solid #1D7B00; color: #1D7B00;}
.inprogress{background-color: #FEECEC; border: 1px solid #BE0D00; color: #BE0D00;}
.pending{background-color: #fff6f1;  border: 1px solid #ff9665; color: #ff7839;}
.returned{background-color: #F7F7FF; border: 1px solid #3B69D8; color: #3B69D8;}
.resubmission{background-color: #FFF9F0; border: 1px solid #D97B00; color: #D97B00;}

.bg-green {
    background-color: #5dcb55 !important;
    color: #000;
}

.bg-orange {
    background-color: #ff9665 !important;
    color: #000;
}

.bg-red {
    background-color: #f54949 !important;
    color: #000;
}

.bg-yellow {
    background-color: #ffdc55d6 !important;
    color: #000;
}

.btn-theme {
    background-color: #5058c6;
    border: 1px solid #5058c6;
    color: #fff;
    border-radius: 6px;
}

.btn-theme-cancel {
    background-color: #fff;
    border: 1px solid #5058c6;
    color: #5058c6;
    border-radius: 6px;
}

.btn-md {
    padding: 12px 12px;
}

.vericle-middle {
    vertical-align: middle;
}

.space-around {
    justify-content: space-around;
}

.width-55per {
    width: 55% !important;
}


/*****************
****classrooom****
*****************/

/* .classroom-container .google-classroom-icon {
    background: url("../../app/images/google-classroom-small.svg");
    height: 13px;
    width: 14px;
    vertical-align: sub;
}

.classroom-container .assignment-icon-small {
    background: url("../../app/images/assignment-icon-small.svg");
    height: 15px;
    width: 12px;
    vertical-align: top;
}

.classroom-container .students-icon {
    background: url("../../app/images/students-icon.svg");
    width: 15px;
    height: 13px;
}

.classroom-container .icon-bg {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: inline-block;
} */


/**********
form css
**********/

.search-group {
    position: relative;
}

.form-input {
    padding: 11px 16px;
    border: 1px solid #c9c9d1;
    border-radius: 4px;
    width: 100%;
}

.search-icon {
    position: absolute;
    background-color: #fff;
    top: 2px;
    right: 2px;
    bottom: 2px;
    padding: 8px 16px 11px 10px;
}


/**********
*************************************************************



************************class room : grade report page*******



**************************************************************
*******/

.disabled-color {
    color: rgba(80, 88, 198, 0.5);
}

.light-blue-txt {
    color: #5058c6 !important;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 18px;
}


.light-blue {background-color: #2e97d9 !important;}
.lavender-mist .classroom-icon{background-color: #6D74FE !important;}
.jagged-ice .classroom-icon{background-color: #0EC5F2!important;}
.blue-chalk .classroom-icon{background-color:#3B69D8 !important ;}
.pink-lace .classroom-icon{background-color: #D233FA !important;}
.porcelain .classroom-icon{background-color: #BDBBC5 !important;}


.light-yellow {background-color: #FFECCD !important;background-image: url(/assets/Left_shape-v1.86a25970eadf0346634f4d7a57b8ddf3.svg), url(/assets/Right_shape-v1.ff551184ea2c2a23b955e21da56182a3.svg);background-position: left top 40px, right -84px top -30px;background-repeat: no-repeat;background-blend-mode: color-burn;}
.lavender-mist{background-color: #E7E7FA !important;background-image: url(/assets/Left_shape-v1.86a25970eadf0346634f4d7a57b8ddf3.svg), url(/assets/Right_shape-v1.ff551184ea2c2a23b955e21da56182a3.svg);background-position: left top 40px, right -84px top -30px;background-repeat: no-repeat;background-blend-mode: color-burn;}
.jagged-ice{background-color: #C6E8F1 !important;background-image: url(/assets/Left_shape-v1.86a25970eadf0346634f4d7a57b8ddf3.svg), url(/assets/Right_shape-v1.ff551184ea2c2a23b955e21da56182a3.svg);background-position: left top 40px, right -84px top -30px;background-repeat: no-repeat;background-blend-mode: color-burn;}
.blue-chalk{background-color: #E5EEFF !important;background-image: url(/assets/Left_shape-v1.86a25970eadf0346634f4d7a57b8ddf3.svg), url(/assets/Right_shape-v1.ff551184ea2c2a23b955e21da56182a3.svg);background-position: left top 40px, right -84px top -30px;background-repeat: no-repeat;background-blend-mode: color-burn;}
.pink-lace{background-color: #F8E2FD !important;background-image: url(/assets/Left_shape-v1.86a25970eadf0346634f4d7a57b8ddf3.svg), url(/assets/Right_shape-v1.ff551184ea2c2a23b955e21da56182a3.svg);background-position: left top 40px, right -84px top -30px;background-repeat: no-repeat;background-blend-mode: color-burn;}
.porcelain{background-color: #F2F1F8 !important;background-image: url(/assets/Left_shape-v1.86a25970eadf0346634f4d7a57b8ddf3.svg), url(/assets/Right_shape-v1.ff551184ea2c2a23b955e21da56182a3.svg);background-position: left top 40px, right -84px top -30px;background-repeat: no-repeat;background-blend-mode: color-burn;}


.toggleActive{
    color:#2E348C !important;
}

.white-color {
    color: #fff;
}

.theme-gray-color {
    color: #4c4c4c;
}

.mb-20 {
    margin-bottom: 20px !important;
}

.mr-24 {
    margin-right: 24px !important;
}

.ml-24 {
    margin-left: 24px !important;
}

.ml-15 {
    margin-left: 15px !important;
}

.ml-8 {
    margin-left: 8px;
}

.mt-25 {
    margin-top: 25px !important;
}

.p-25 {
    padding: 25px !important;
}

.pt-16 {
    padding-top: 16px !important;
}

.pt-25 {
    padding-top: 25px !important;
}

.pt-20 {
    padding-top: 20px !important;
}

.pr-20 {
    padding-right: 20px !important;
}

.pr-14 {
    padding-right: 14px !important;
}

.px-11 {
    padding-right: 11px !important;
    padding-left: 11px !important;
}


/*****btn*********/

button:focus {
    outline: none;
}

.btn-bordered {
    background-color: transparent;
    border: 1px solid #4f58c6;
    border-radius: 6px;
    color: #5058c6;
}

.btn-transparent {
    padding: 0px;
    background-color: transparent;
    border: none;
}

.clickable-new {
    cursor: pointer;
    position: relative;
}

.font-black-14 {
    font-size: 14px !important;
    color: #2f2f34 !important;
}

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

.font-16-bold {
    font-size: 16px;
    font-weight: 600;
}

.bread-crumb{position: absolute; top: 20px; z-index: 9999; display: flex; align-items: center;}
.bread-crumb-link {color: #2E348C !important; font-size: 14px; font-weight: 500; transition: 0.3s ease-in-out; position: relative;  margin-right: 15px;}
.bread-crumb-link.active {color: #494949 !important;pointer-events: none;}
.bread-crumb-link.active::before {content: unset;}
.bread-crumb-link.active:hover {opacity: 1;color: #56585d;cursor: default;}
.bread-crumb-link::before {content: ">";position: absolute; right: -13px; top: 50%; font-size: 18px; font-weight: 400; transform: translateY(-50%);}
.bread-crumb-link:hover {color: #5058c6;text-decoration: none;opacity: 0.7;}

.classroom-icon-new {
    background: url(/assets/google-classroom.8edb07dffa6f4ef16af90de1a0072371.svg);
    width: 15px;
    height: 13px;
}

.student-icon {
    background: url(/assets/students-icon.4f5da9f71467ba5d98e4f88d272525b7.svg);
    width: 15px;
    height: 13px;
}

.assignment-icon {
    background: url(/assets/assignment-icon.6f83918f9d9b2b04a113ef08e192839d.svg);
    width: 12px;
    height: 15px;
    vertical-align: text-top;
}

.bg-icon {
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    display: inline-block;
    margin-right: 6px;
}

/* .clickable-new:hover {
    color: #5058c6;
    font-weight: 600;
} */

/* .clickable-new:hover::before,
.blue-active-bordered:before {
    content: "";
    border-bottom: 2px solid #5058c6;
    width: 100%;
    height: 3px;
    display: inline-block;
    position: absolute;
    bottom: -18px;
} */

.blue-active-bordered {
    color: #5058c6;
    font-weight: 600;
}

.flex-between {
    display: flex;
    justify-content: space-between;
}

.bar-24 {
    padding: 24px;
    border-radius: 6px;
}


/*********
*
*Table
*
*********/

.table-responsive {
    min-height: 0.01%;
    overflow-x: auto;
}

.table-container {
    box-shadow: 0 2px 15px 0 rgba(135, 147, 163, 0.21);
    width: 100%;
}

.table-header {
    background-color: #e0e8f0;
    border-radius: 6px 6px 0 0 !important;
}

.table-header th {
    text-transform: uppercase;
    /* padding: 12px 0px !important; */
    font-size: 12px;
    font-weight: 600;
    color: #4c4c4c;
    text-align: left !important;
    background: none;
}

.table-body tr td {
    font-size: 14px;
    color: #2f2f34;
    border-bottom: 1px solid #e3e4e5;
}

.table-header th:nth-child(1),
.table-body tr td:nth-child(1) {
    /* padding-left: 20px !important;
    padding-right: 5px !important; */
}

.info-icon {
    background: url(/assets/Info-icon.5e61929750bb0d3bb26eb811165e3621.svg);
    width: 11px;
    height: 11px;
}

.delete-group,
.download-group {
    cursor: pointer;
}

.download-icon-new {
    background: url(/assets/download-icon-blue.1e68cd40a40f7c92a46963b2cc19ec94.svg);
    width: 14px;
    height: 14px;
}

.delete-icon-new {
    background: url(/assets/Delete-icon-blue.2fa492446e27da4ae04d73b0623800a6.svg);
    width: 14px;
    height: 15px;
}

.delete-icon-red-new{
    background: url(/assets/delete-icon-red.fe8c0a74fb48e6a4bbf6e20ab15f651f.svg);
    width: 14px;
    height: 15px;
}

.classroom-white-icon {
    background: url(/assets/google-classroom-white-icon.e5aea5ba5c36d98e2ea3fea45396d185.svg);
    width: 14px;
    height: 13px;
    vertical-align: middle;
}

.edit-icon-new {
    background: url(/assets/edit-black.b141f39031cb867d2fa396a015726166.svg);
    width: 14px;
    height: 14px;
}


/******grade active********/


/*************************
******Activity Steam******
*************************/

.activity-steam-container {
    background-color: #fff;
    border-radius: 6px 6px 4px 4px;
    box-shadow: 0 2px 15px 0 rgba(135, 147, 163, 0.21);
}

.activity-steam-row {
    border-bottom: 1px solid #e3e4e5;
    padding: 24px 24px 23px;
}

.activity-steam-content {
    padding-left: 5px;
}

.activity-steam-content a {
    color: #5058c6;
    font-weight: 600;
    padding-left: 1px;
}

.activity-steam-content a {
    text-decoration: none;
    opacity: 0.8;
}

.assignment-black-icon {
    background: url(/assets/assignment-icon-black.1c3483c28fdb6a97dec8ab5fbbefa23d.svg);
    height: 15px;
    width: 12px;
    vertical-align: middle;
}

.class-black-icon {
    background: url(/assets/class-black-icon.f928c38a2bd4201d6a0b7b2c16796c4d.svg);
    width: 16px;
    height: 14px;
    vertical-align: middle;
    margin-right: 2px;
}


/*******

*******/

.grade-points {
    width: 68px;
    border: 1px solid #c9c9d1;
    height: 31px;
    border-radius: 4px;
    padding: 6px 7px 8px;
    transition: all 0.3s ease-in-out;
}

.grade-points:hover,
.grade-points:focus {
    border-color: #4c4c4c;
}

.grade-points-input {
    width: 21px;
    padding: 0px;
    border: none;
    text-align: right;
    font-weight: 600;
    background: none;
}

.grade-points-input:focus {
    outline: none;
}

.txt-align-ctr {
    padding-left: 4% !important;
}

.due-on-invision {
    color: #494949;
    font-size: 13px;
    line-height: 14px;
    margin: 0;
    white-space: nowrap;
}

.due-on-assignment-invision {
    color: #323232;
    font-size: 13px;
    font-weight: 600;
    line-height: 14px;
    margin: 0;
    /* text-transform: capitalize; */
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width:75px;
}

.main-text-invision {
    color: #272727;
    font-size: 18px;
    font-weight: 600;
    line-height: 20px;
}

.google-classroom-invision {
    display: inline-flex;
}

.google-classroom-invision span{
    color: #494949;
    background-color: rgb(255 255 255 / 50%);
    font-size: 13px;
    line-height: 14px;
    padding: 5px 12px 5px;
    border-radius: 50px;
    font-weight: 500;
}

.refresh-invision {
    color: #5058c6;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 18px;
}

.classroom-main-txt-invision {
    color: #2f2f34;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 38px;
}

.manage-your-classroom {
    color: #2f2f34;
    font-family: "Source Sans Pro";
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 21px;
}

.checkbox-invision {
    width: 14px;
    height: 14px;
    background-color: #5058c6 !important;
}

.table-header:hover {
    background-color: #e0e8f0 !important;
}

.student-portfolio {
    color: #2f2f34;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 0.5px;
    line-height: 38px;
}

.download-excel-file {
    color: #2E348C;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
}

.instruction{padding: 20px; background-color: #F1F3FA; border-radius: 5px;}
.instruction span{font-size: 14px; font-weight: 600; color: #2E348C;}
.instruction p{color: #494949 !important; font-size: 14px !important; font-weight: 500 !important; padding-bottom: 20px; margin: 0  !important; text-transform: capitalize; line-height: 20px;}
.instruction p:last-child{padding-bottom: 0 !important;}

.classroom-detailed{padding: 15px; border-radius: 8px; display: flex; justify-content: space-between; align-items: flex-start;}
.classroom-detailed h1,
.classroom-detailed h1 span{color:#494949; margin: 0; font-size: 24px; font-weight: 600; line-height: 24px; font-family: 'Poppins', sans-serif !important; display: flex; align-items: center;}
.classroom-detailed span{font-size: 14px; font-weight: 500; color: #494949; display: flex; align-items: center; gap: 5px;}
.classroom-detailed span p{display: flex; margin: 0; line-height: 12px;}
.classroom-detailed .classroom-icon{background-color: #FBB03B; width: 80px; height: 80px; border-radius: 100px; display: flex; align-items: center; justify-content: center;}

.btn-theme[disabled] {
    cursor: not-allowed;
    opacity: 0.3;
}

.progress {
    background-color: #e9ecef;
    display: flex;
    margin: 5px 0px;
    overflow: hidden;
}

.progress bar {
    width: 100%;
}

.progress-bar {
    align-items: center;
    background-color: #007bff;
    color: #fff;
    display: flex;
    justify-content: center;
    width: 100%;
}

.dot {
    height: 35px;
    width: 35px;
    border-radius: 5px;
    display: inline-block;
    margin-right: 10px;
    position: relative;
}

.color-0 {
    background-color: #B6ACF1;
}

.color-1 {
    background-color: #FFEDD0;
}

.color-2 {
    background-color: #CAEAF2;
}

.color-3 {
    background-color: #E6EFFF;
}

.color-4 {
    background-color: #F6D3FF;
}

.color-5 {
    background-color: #F2F1F8;
}

.color-selection {
    border: 2px solid #E7E4F9;
    background-color: transparent;
}

.color-selection::before{content: ''; position: absolute; top: 50%; left: 0; width: 26px; height: 26px; border-radius: 4px; right: 0; margin: auto; transform: translateY(-50%);}

.color-selection::after {content: ''; background-image: url(/assets/tick.d5809c91af00a0e80fa31772c9bc7a7c.svg); background-position: center;background-repeat: no-repeat; background-size: 15px; z-index: 999; position: absolute; width: 15px; height: 11px; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: auto;}

.color-0.color-selection{border: 2px solid #E7E4F9;}
.color-1.color-selection{border: 2px solid #E7E4F9;}
.color-2.color-selection{border: 2px solid #E7E4F9;}
.color-3.color-selection{border: 2px solid #E7E4F9;}
.color-4.color-selection{border: 2px solid #E7E4F9;}
.color-5.color-selection{border: 2px solid #E7E4F9;}

.color-0.color-selection::before{background-color:#B6ACF1;}
.color-1.color-selection::before{background-color:#FFEDD0;}
.color-2.color-selection::before{background-color:#CAEAF2;}
.color-3.color-selection::before{background-color:#E6EFFF;}
.color-4.color-selection::before{background-color:#F6D3FF;}
.color-5.color-selection::before{background-color:#F2F1F8;}


.pad-l-r-15px {
    padding-left: 15px;
    padding-right: 15px;
}

.vertical-bottom {
    vertical-align: bottom;
}

.vertical-top {
    vertical-align: top;
}

.display-inline-block-archive {
    display: inline-flex;
    vertical-align: middle;
    padding-top: 5px;
}

.width-275 {
    width: 275px;
}

.pad-left-30 {
    padding-left: 30px;
}

.min-height-220 {
    min-height: 220px;
}

.no-students {
    width: 165px;
}

.no-wrapper-new {
    display: flex;
    justify-content: center;
    text-align: center;
    width: 100%;
}

.no-wrapper-new.no-background {
    background: transparent;
}

.no-wrapper-new .graphic-container {
    width: 500px;
    height: auto;
    margin: 60px auto !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.no-wrapper-new .main-text {
    font-size: 20px;
    font-weight: 500 !important;
    line-height: 20px;
    margin-top: 15px;
    color: #494949 !important;
}

.no-wrapper-new .subtext {
    font-size: 14px;
    font-weight: 400 !important;
    line-height: 20px;
    margin: 0 0 25px;
    color: #797878 !important;
}

.cursor-pointer {
    cursor: pointer;
}

.display-block {
    display: block;
}

.pad-r-5 {
    padding-right: 5px;
}

.pad-r-6 {
    padding-right: 6px;
}

.width-10per {
    width: 10%;
}

.resource-link {
    color: #5058c6;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 18px;
}

.field-wrapper ul.form--radio li{display: flex; align-items: flex-start; gap: 12px; width: 50%;}
.field-wrapper ul.form--radio li label{font-size: 15px;font-weight: 400;color: #494949; line-height: 16px; margin: 0; display: inline-block; }
.field-wrapper ul.form--radio li label span.optional{font-size: 13px; font-weight: 500;}

.field-wrapper-assignment .assignClass {
    color: #2f2f34;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 18px;
}

.field-wrapper-assignment .optional {
    color: #6c6c73;
    font-size: 12px;
    letter-spacing: 0;
    line-height: 15px;
}


/* Assignment Creation*/

.field-wrapper-assignment input,
.field-wrapper-assignment textarea,
.field-wrapper-assignment .ui-dropdown {
    border: 1px solid #c9c9d1;
    border-radius: 4px;
    z-index: 1;
    position: relative;
    background: transparent;
}

.field-wrapper-assignment .ui-autocomplete {
    border: 1px solid #c9c9d1 !important;
    width: 100% !important;
    padding: 7px;
}

.field-wrapper-assignment .ui-calendar {
    width: 100% !important;
    border: 1px solid #c9c9d1;
    border-radius: 4px;
}

.field-wrapper-assignment .ui-calendar .ui-widget {
    border: 0px;
}

.heading-placeholder {
    position: absolute;
    top: -20px;
    color: #6c6c73;
    letter-spacing: 0;
    line-height: 15px;
    left: 15px;
    font-size: 12px;
}

.description-validation {
    top: -10px;
    color: #6c6c73;
    letter-spacing: 0;
    line-height: 15px;
    left: 15px;
    font-size: 12px;
}

.modal-form .field-wrapper-assignment {
    position: relative;
    margin-bottom: 40px;
}

.field-wrapper-assignment .editable-field {
    border: 1px solid #c9c9d1;
    border-radius: 4px;
    white-space: pre-line;
    outline: none;
    padding: 7px;
    min-height: 32px;
    margin: 5px 0px;
}

.task-view-card-new {
    margin-bottom: 15px;
}

.task-view-card-new .task-name {
    color: #494949;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    padding: 0 0 10px;
    /* text-transform: capitalize; */
}

.task-view-card-new .resources-list-detail{display: flex; align-items: center; gap: 15px; padding: 0;}
.task-view-card-new .resources-list-detail li{display: flex; align-items: center; gap: 7px;}
.task-view-card-new .resources-list-detail li a{font-size: 14px; font-weight: 500; color: #2E348C !important;}

.activity-card-main-content{height: calc(100vh - 350px); overflow: auto;}

.activity-card-new {
    position: relative;
    padding: 15px 20px;
    background: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden;
}

.position-relative {
    position: relative;
}

.width-5per {
    width: 5% !important;
}

.width-95per {
    width: 95% !important;
}

.custom-input-field-invision {
    border: none;
    color: #494949;
    font-size: 20px;
    outline: none;
    background: transparent;
    line-height: 24px;
    padding: 5px 0 5px;
}
.custom-input-field-invision div{outline: none;}

/* .custom-input-field-invision:hover,
.custom-input-field-invision:focus .custom-input-field-invision div:focus {
    border-bottom: 2px solid #e5e5e5 !important;
} */

.custom-input-field-invision::-webkit-input-placeholder {
    color: #999;
}

.custom-input-field-invision:-moz-placeholder {
    color: #999;
    opacity: 1;
}

.custom-input-field-invision::-moz-placeholder {
    color: #999;
    opacity: 1;
}

.custom-input-field-invision:-ms-input-placeholder {
    color: #999;
}

.icon-add-new {
    padding: 0px 10px;
}

.header-icon-invision img {
    width: 18px;
    height: 13px;
}

.mar-l-r-5 {
    margin-left: 5px;
    margin-right: 5px;
}

.pad-l-r-3 {
    padding: 0px 3px;
}

.pad-top-2 {
    padding-top: 2px;
}


.font-12-color {
    font-size: 12px;
    color: #56585d;
    letter-spacing: 0.3px;
    line-height: 15px;
}

.scrolling-footer-new {
    text-align: center;
    padding: 0;
    margin-left: 0;
}

.scrolling-footer-new .primary-btn {
    padding: 10px 20px;
    width: auto;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    text-decoration: none;
    color: #fff !important;
    background-color: #5058c6;
}

.field-wrapper-assignment .ui-radiobutton {
    margin-right: 5px;
}

.field-wrapper-assignment .algin-button {
    margin-left: -3%;
}

.field-wrapper-assignment .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border: 1px solid #0275d8;
    background-color: #0275d8;
    color: #ffffff;
}


/* Assignment Creation*/


/*overiding classes*/

.custom-radio-btns-wrapper .custom-radio-btns {
    padding-right: 15px;
    cursor: pointer;
}

.custom-radio-btns-wrapper .custom-radio-btns .ui-radiobutton .ui-radiobutton-box {
    position: relative;
    border: 1px solid #5058c6;
    background-color: unset;
}

.custom-radio-btns-wrapper .custom-radio-btns .ui-radiobutton .ui-radiobutton-box.ui-state-active::after {
    position: absolute;
    content: "";
    height: 6px;
    width: 6px;
    background-color: #5058c6;
    border-radius: 50%;
    left: 2px;
    top: 2px;
}

.other-entry-options-wrapper {
    color: #6c6c73;
    font-size: 12.7px;
    line-height: 15px;
    padding-top: 32px;
    margin-right: -20px;
}

.other-entry-options-wrapper .other-entry-option {
    position: relative;
    padding: 0 7px;
}

.other-entry-options-wrapper .other-entry-option:first-child {
    padding-left: 10px;
}

.other-entry-options-wrapper .other-entry-option:last-child {
    padding-right: unset;
}

.other-entry-options-wrapper .other-entry-option:last-child::after {
    content: unset;
}

.other-entry-options-wrapper .other-entry-option::after {
    position: absolute;
    content: "";
    height: 4px;
    width: 4px;
    background-color: #e6e8ed;
    border-radius: 50%;
    top: 6px;
    right: -3px;
}

.forgot-password-img-wrapper {
    padding-top: 24px;
    padding-bottom: 13px;
}

.forgot-password-img-wrapper .forgot-password-img {
    height: 15px;
    width: 28px;
}


/*Utilities classes*/

.font-s-12 {
    font-size: 12px;
}

.pd-b-20 {
    padding-bottom: 20px !important;
}

.pd-t-6 {
    padding-top: 6px !important;
}

.pd-b-6 {
    padding-bottom: 6px !important;
}

.pd-t-24 {
    padding-top: 24px !important;
}

.mr-0 {
    margin: 0 !important;
}

.pd-0 {
    padding: 0 !important;
}

.btn.entry-primary-btn-bordered {
    border: 1px solid #5058c6;
    border-radius: 6px;
    padding: 12px 24px;
    color: #5058c6;
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 18px;
}


/*animations & shapes-objects classes*/

.shape-1 {
    position: absolute;
    height: 24px;
    width: 24px;
    background-color: #fff;
    opacity: 0.08;
    right: 42px;
}

.shape-1:after {
    position: absolute;
    content: "";
    top: -110px;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 40px solid white;
    transform: rotate3d(1, 1, 1, -25deg);
}

.shape-2 {
    position: absolute;
    width: 0;
    height: 0;
    opacity: 0.08;
    border-left: 11px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 40px solid white;
    transform: rotate3d(1, 1, 1, -25deg);
}

.shape-3 {
    position: absolute;
    bottom: -30%;
    left: -50%;
    height: 277px;
    width: 277px;
    border-radius: 50%;
    background-color: #fff;
    opacity: 0.08;
}

.shape-3:after {
    position: absolute;
    right: -55%;
    top: 43%;
    content: "";
    bottom: unset;
    width: 0;
    height: 0;
    border-left: 11px solid transparent;
    border-right: 25px solid transparent;
    border-bottom: 40px solid white;
}

.align-start {
    align-items: flex-start;
}

.align-center {
    align-items: center !important;
}

.align-end {
    align-items: flex-end;
}


/*password validator*/

.password-filter-wrapper {
    position: relative;
}

.password-filter-wrapper .password-filter {
    display: none;
    position: absolute;
    top: 85px;
    right: 0;
    padding: 24.5px 25.5px;
    border: 1px solid #dfe3f4;
    border-radius: 10px;
    background-color: #fff;
    width: 100%;
    min-width: unset;
    z-index: 9;
}

.password-filter-wrapper .password-filter::before,
.password-filter-wrapper .password-filter::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 50%;
    top: -5px;
    transform: rotate(-45deg);
    z-index: 99;
}

.password-filter-wrapper .password-filter::before {
    border-bottom: 9px solid transparent;
    border-left: 9px solid transparent;
    border-top: 9px solid #dfe3f4;
    left: 50%;
    top: -7px;
}

.password-filter-wrapper .password-filter::after {
    border-bottom: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid #fff;
}

.password-filter-wrapper .password-filter .password-filter-heading {
    letter-spacing: 0;
    line-height: 18px;
}

.password-filter-wrapper .password-filter ul.password-filter-content {
    padding: 0;
    margin: 0;
}

.password-filter-wrapper .password-filter ul.password-filter-content>li {
    font-size: 9px;
}

.password-filter-wrapper .password-filter ul.password-filter-content>li.inactive {
    color: #e5e8f4;
}

.password-filter-wrapper .password-filter ul.password-filter-content>li.active {
    color: #43b88c;
}

.password-filter-wrapper .password-filter ul.password-filter-content>li>span {
    color: #646464;
    letter-spacing: 0;
    line-height: 25px;
}

.password-filter-wrapper .ng-dirty~.password-filter {
    display: block;
}

.password-filter-wrapper .ng-dirty.ng-valid~.password-filter {
    display: none;
}

.password-filter h4 {
    font-size   : 14px;
    font-weight: 600;
    color: #000;
    margin: 0;
    padding-bottom: 12px;
}

.password-validators li {
    display: block;
    position: relative;
    padding-left: 12px;
}

.password-validation ul li::before {
    content: "";
    position: absolute;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: red;
    left: 0;
    top: 7px;
    opacity: 0.7;
}

.password-validation ul li.password-valid {
    color: green;
}

.password-validation ul li.password-valid::before {
    background-color: green;
}

body .ui-datepicker .ui-datepicker-calendar td:not(.ui-state-disabled) a:hover {
    background-color: #5058c6 !important;
    color: #ffffff !important;
}


/*utilities-------*/

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

ul.assignment-code-direction-wrapper li {
    position: relative;
    /* margin-left: 18px; */
}


/* ul.assignment-code-direction-wrapper li::before {
    position: absolute;
    content: '';
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: rgba(80, 87, 198, 0.18);
    border: 1px solid rgba(80, 87, 198, 0.18);
    top: 6px;
    left: -18px;
  } */

.not-hover:hover {
    background-color: transparent !important;
    color: #5058c6 !important;
}

/* tr.lightsteelblue:hover {
    background: #b0c4de !important;
} */

.state-code .ui-dropdown-filter-container {
    width: 100%;
}

.state-code .ui-dropdown-label {
    padding: 10px 16px !important;
}

.state-code .ui-dropdown {
    border: 1px solid #ccc !important;
    margin-top: 6px;
}

.state-code .ui-dropdown:not(.ui-state-disabled):hover {
    border: 1px solid #ccc !important;
}


/* login new css  */


/* .learn-anywhere-anyt {
    font-family: "Source Sans Pro";
} */

.login-screen-logo {
    width: 170px !important;
}

.login-inner-second h2{font-family: 'Poppins', sans-serif; font-size: 22px; font-weight: 600; color: #494949; margin: 0; padding: 25px 0; line-height: 30px;}
.login-inner-second p{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 15px; color: #494949; margin: 0; line-height: 18px;}

.login-screen .login-student-container {
    width: 940px !important;
}

.login-new-inner-container {
    position: relative;
}

.login-new-inner-container .login-inner-first {
    padding: 18px 32px;
    position: relative;
    background: linear-gradient(180deg, #2e3192 0%, #5b5fc4 100%);
    border-radius: 6px 6px 0 0;
    overflow: hidden;
}

.login-new-inner-container .login-inner-first .logo-wrapper {
    text-align: center !important;
}

.login-new-inner-container .login-inner-first .logo-wrapper .img-info {
    display: block;
    font-size: 12px;
    padding-top: 6px;
    color: #fff;
    letter-spacing: 0.2px;
    line-height: 15px;
}

.login-new-inner-container .login-inner-first .entry-info-wrapper {
    position: absolute;
    left: 50%;
    top: 50%;
    padding: 0 32px;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
}

.login-new-inner-container .login-inner-first .entry-info-wrapper .welcome-heading {
    font-size: 21px;
    font-weight: 600;
    line-height: 31px;
    color: #fff;
}

.login-new-inner-container .login-inner-first .entry-info-wrapper .entry-para {
    font-size: 12px;
    color: #fff;
    letter-spacing: 0.3px;
    line-height: 16px;
}

.login-new-inner-container .login-inner-second {
    padding: 0px 0 25px;
    width: 500px;
}

.login-new-inner-container .login-inner-second .entry-heading {
    font-size: 19px;
    font-weight: 600;
    letter-spacing: 0.33px;
    line-height: 25px;
    padding: 0;
    margin: 0;
}

.login-new-inner-container .entry-heading.heading-with-img {
    font-size: 17px;
    padding-left: 10px;
}


/* .login-pad-46 {
  padding: 46px 63px;
} */

.login-pad-28 {
    padding: 75px 63px;
}

.text-align-left {
    text-align: left !important;
}

.text-align-center {
    text-align: center;
}

.login-option-image {
    transform: translateX(-50%);
    background: url(/assets/login-divider.fd9842060610b1f544509f54fb445e5e.png) no-repeat center top;
    position: absolute;
    left: 50%;
    width: 68px;
    height: 228px;
    top: 140px;
    background-size: auto 100%;
}

.login-icon-text {
    display: inline-block;
    line-height: 30px;
    color: #494949;
    font-size: 14px;
    font-weight: 600;
}

.login-icon-button {
    padding: 8px 10px !important;
    background-color: #fff;
    border-radius: 5px !important;
    border: 1px solid #494949;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
}

.login-new-inner-container .form-wrapper {
    padding-top: 0px !important;
}

.video-tutorial-modal .modal-body {
    height: 100% !important;
    display: block !important;
}

.video-tutorial-modal {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    right: auto;
    bottom: auto;
    overflow-y: auto !important;
    box-sizing: border-box !important;
    border: 2px solid #5e6f4eee !important;
}

/* .video-tutorial-modal .preview-container {
    background: #fff !important;
} */

.video-tutorial-modal .preview-modal {
    margin: 0px !important;
}

div.div-100-ratio {
    height: 100%;
    text-align: center;
}

.uploader-image-folder {
    border: 2px dashed #b7bdc4;
    display: block;
    text-align: center;
    width: 200px;
}

.assignment-card .header-img {
    height: 35px;
    display: inline-flex;
}
.assignment-card .header-img .card-image{display: flex; justify-content: flex-start; align-items: flex-start;}
.assignment-card .header-img img{max-height: 35px;}

.assignment-card .footer-text .text-truncate-2-lines {
    color: #272727;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    /* display: flex;
    justify-content: flex-start;
    align-items: flex-start; */
    max-height: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
}

.file-upload-image {
    max-height: 150px;
    max-width: 170px;
    margin: auto;
    /*padding: 10px 0px 20px 0px;*/
}

.error-msg {
    font-size: 12px;
    color: #e13131;
}


/* Modal Css */

.folder-list-modal {
    width: 658px;
}

.p-0 {
    padding: 0 !important;
}

.m-0 {
    margin: 0 !important;
}

.pl-0 {
    padding-left: 0px !important;
}

.pr-0 {
    padding-right: 0px !important;
}

/* .modal-body .form-group .modal-input {
    height: 40px;
    border-radius: 4px;
} */

/* .modal-body .form-group .description-input {
    min-height: 80px;
    overflow: auto;
    padding: 11px 16px;
    border-radius: 4px;
}

.modal-body .form-group .description-input.form-control:focus {
    box-shadow: none;
    outline: none;
    border-color: #ccc;
} */

.editable-field:empty:before {
    content: attr(data-placeholder);
    color: #97979b;
}

.modal-body .form-group textarea {
    border-radius: 4px;
    padding: 7px 16px;
}

.modal-body .form-group .modal-input.form-control:focus {
    outline: none;
    box-shadow: none;
}

.upload-image {
    border: 1px dashed #b7bdc4;
    display: block;
    text-align: center;
    height: 167px;
    border-radius: 4px;
}

.mt-4-perc {
    margin-top: 4%;
}

.position-absolute {
    position: absolute;
}

.resource-label {
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 18px;
    color: #2f2f34;
}

.mt-17 {
    margin-top: 17px;
}

.folder-list-modal .modal-body .ui-chkbox-label {
    font-size: 14px;
    letter-spacing: 0.3px;
    line-height: 21px;
    color: #2f2f34;
}

.step-response-modal .modal-footer .primary-btn-modal,
.select-folder-assignment .modal-footer .primary-btn-modal,
.folder-list-modal .modal-footer .primary-btn-modal {
    background-color: #5057c6;
    border-radius: 8px;
    border: none;
    outline: none;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
}

.step-response-modal .modal-footer .primary-outline-btn,
.select-folder-assignment .modal-footer .primary-outline-btn,
.folder-list-modal .modal-footer .primary-outline-btn {
    background-color: transparent;
    border-radius: 8px;
    border: 1px solid #5057c6;
    color: #5057c6;
    outline: none;
    padding: 10px 20px;
    font-size: 16px;
    margin-right: 20px;
}

.assignment-breadcrumb {
    margin-bottom: 5px;
}

.folder-label {
    font-weight: 600;
    line-height: 18px;
    letter-spacing: 0.3px;
}

.admin-assignment-head {
    margin-bottom: 20px;
}

.select-folder-assignment .assignment-card{height: 160px;}

.select-folder-assignment .title {
    font-size: 16px;
    font-weight: 600;
    color: #797878 !important;
    line-height: 18px;
    margin-bottom: 0px;
    margin-top: 0;
}

.select-folder-assignment .ui-chkbox .ui-chkbox-box.ui-state-active {
    background: #5058c6;
    border-color: #5058c6;
}

.search-header {
    padding-bottom: 4px;
}

/* .admin-folder-card {
    margin: 20px 0 12px 0 !important;
    height: 215px;
    border: 1px solid transparent;
} */

/* .admin-folder-card:hover {
    border: 2px solid #800080;
} */

/* .text-truncate-2-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: center;
} */

[data-title] {
    font-size: 18px;
    cursor: help;
}

/* .count-badge {
    bottom: 15px !important;
    width: 85%;
} */

/* .folder-count {
    width: 87%;
    text-align: center;
    color: #56585d;
    font-size: 12px;
} */

/* .count-badge .count-badge-status {
    background-color: #efefef;
    color: #000 !important;
    font-size: 11px;
    border-radius: 20px;
    padding: 3px 8px;
} */

[data-title]:hover::before {
    content: attr(data-title);
    position: absolute;
    bottom: -73px;
    padding: 10px;
    background: #535252;
    width: 300px;
    color: #fff;
    font-size: 14px;
    border-radius: 4px;
}

.curser-pointer {
    cursor: pointer;
}

.primary-btn-modal[disabled] {
    cursor: not-allowed;
    opacity: 0.3;
}

.checkbox-parent .ui-chkbox-box.ui-state-active {
    background: #5057c6 !important;
    border-color: #5057c6 !important;
}

.image-alignment {
    height: 100px !important;
}

.image-alignment .card-image {
    height: 100px;
    display: flex !important;
}

.image-alignment .card-image .file-upload-image {
    max-height: 35px;
}

.margin-auto {
    margin: 100px auto;
}

.w-100 {
    width: 100% !important;
}
.w-75 {
    width: 75% !important;
}
.w-50 {
    width: 50% !important;
}
.w-48 {
    width: 48% !important;
}
.w-45 {
    width: 45% !important;
}
.w-25 {
    width: 25% !important;
}

.h-100{
    height: 100vh !important;
}

.font-weight-semi-bold {
    font-weight: 600;
}

.font-weight-500{font-weight: 500 !important;}
.font-weight-600{font-weight: 600 !important;}
.font-weight-700{font-weight: 700 !important;}
.font-weight-800{font-weight: 800 !important;}



.mt-15 {
    margin-top: 15px !important;
}

.text-truncate-lines {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.select-assignment-label {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    line-height: 18px;
    color: #5058c6;
}

.action-width {
    min-width: 200px !important;
}

.folder-card .status {
    font-size: 11px;
    background-color: #ff9665;
    border-radius: 20px;
    color: #fff !important;
    padding: 3px 8px;
}

.btn-close {
    position: absolute;
    right: 20px;
    top: 20px;
}

.bg-white {
    background: #fff;
}

.a {
    width: auto;
}

.code-font-family {
    font-family: "EB Garamond", serif !important;
}

.disabled {
    pointer-events: none;
    opacity: 0.5;
}

.no-select {
    opacity: 0.5;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
  }

.position-relative {
    position: relative;
}

.indicator.unpublish-2 {
    position: absolute;
    left: 5px;
    top: 6px;
}

/* .completed-box-shadow {
    box-shadow: 0 2px 7px 0 rgba(134, 255, 0, 0.7);
} */

.text-align-left {
    text-align: left !important;
}

.justify-content-left {
    justify-content: left !important;
}
.justify-content-right {
    justify-content: left !important;
}
.justify-content-between {
    justify-content: space-between !important;
}

.justify-content-center {
    justify-content: center !important;
}

.para-line-height {
    line-height: 20px !important;
    margin-bottom: 5px !important;
}

.display-inline-flex {
    display: inline-flex !important;
}

.display-flex {
    display: flex !important;
}

.display-inherit {
    display: inherit !important;
}

/* .assignment-label {
    color: #999;
    font-size: 12px;
} */

.font-size-14 {
    font-size: 14px !important;
}

.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.count-seperator {
    font-size: 20px;
    height: 2px;
    width: 2px;
    margin: 0 5px 3px 5px;
    display: inline-block;
    background-color: #56585d;
}

.w-90 {
    max-width: 90%;
}

.ml-10 {
    margin-left: 10px;
}

.mr-10 {
    margin-right: 10px
}

.mb-10 {
    margin-bottom: 10px !important;
}

.theme-color {
    color: #5058c6;
}

.primary-confirm-btn {
    padding: 0px 0px !important;
}

.max-width-60 {
    max-width: 60% !important;
}

.min-width-40 {
    width: auto !important;
    min-width: 40% !important;
}

.m-b-14 {
    margin-bottom: 14px !important;
}

.p-checkbox-label .ui-chkbox-label {
    font-size: 15px;
    letter-spacing: 0.3px;
    line-height: 21px;
    color: #2f2f34;
}

.silder-view {
    /*width: 20rem !important;*/
    height: 1rem !important;
    padding: 0px;
}

.silder-view .ui-slider-handle {
    height: 1.5rem;
    width: 1.5rem;
    background: #ffffff;
    border: 2px solid #2196F3;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    top: -.5em !important;
}



.font-w600 {
    font-weight: 600;
}

#background {
    position: relative;
    z-index: 0;
    background: #fff;
    height: 100%;
    width: 100%;
    filter: blur(0.5px);
    -webkit-filter: blur(0.5px);
}

#bg-text {
    color: #5058c6;
    font-size: 25px;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.drag-new-icon {
    width: 24px !important;
    height: 18px !important;
    vertical-align: top !important;
}



/* 17-02-2021 */

.workspace-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.background-activities {
    background: rgb(233, 238, 243);
}

.display-inline {
    display: inline-block;
}

.assigment-detail-grade .grade-design {
    height: 35px;
    width: 80px;
}


/* 19-03-2021 */

.assign-score {
    border: 1px solid #C9C9C9;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    color: #494949;
    border-radius: 50px;
    background: #fff;
    padding: 5px 20px;
    height: 32px;
    align-items: center;
    display: inline-flex;
    margin-right: 20px;
    white-space: nowrap;
}

.task-score-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.task-score-wrap .task-name {
    margin-bottom: 0;
}

.action-input {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.placeholder-grade {
    position: absolute;
    bottom: 8px;
    color: #000;
    letter-spacing: 1px;
    left: 15px;
}

.action-score-wrap {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

.grading-score {
    font-weight: 500;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    font-size: 14px;
    color: #494949;
}

.grading-score .text-normal{height: 30px; display: flex; align-items: center;}

.action-score-wrap .grading-score {
    margin:0;
    margin-top:14px;
}
.grading-score .custom-input-field {
    box-shadow: none;
    padding: 0 0 0 0px;
    width: 40px;
}

.grading-score .title-score {
    display: block;
    width: 76px;
}

.grading-score.error-true {
    border-color: red;
}

.activity-page-grading .title-score {
    width: 58px;
}

.activity-page-grading .custom-input-field {
    height: 30px;
    border: 1px solid #B8B8B8;
    border-radius: 5px;
    font-size: 15px;
    font-weight: 500;
    color: #272727;
    text-align: center;
}

.notebook-card{background-color: #F5F5F7; padding: 12px; border-radius: 5px;}
.notebook-card .notebook-type{font-size: 18px; font-weight: 600; color: #494949; display: flex; align-items: center; justify-content: space-between;}
.notebook-card .notebook-data{font-size: 16px; font-weight: 600; color: #494949;}

.grading-score .form-control[disabled] {
    background-color: transparent !important;
}

.unit-measure input {
    width: 100%;
}

.unit-measure .helper-text {
    font-size: 14px;
}



.student-assign-score {
    font-size: 14px;
    font-weight: 500;
    background-color: rgb(46 52 140 / 6%);
    padding: 5px 18px;
    border: 1px solid #2e348c;
    border-radius: 100px;
    color: #494949;
    line-height: 18px;
}

.margin-right-40 {
    margin-right: 40px;
}

.top-scorer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.multiple-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.multiple-header .action-elements{display: flex; gap: 8px; align-items: center;}
.multiple-header .action-elements ul{display: flex; gap: 8px; align-items: center;}

.multiple-header .dot-options{position: initial;}

/* .student-edit-margin {
    margin-top: 1.7%
} */

.ver-alg-txt-top {
    vertical-align: text-top;
}

.top-up-30p {
    top: -30px !important;
}

.no-float-placeholder-new {
    position: absolute;
    color: #999;
    letter-spacing: 1px;
    left: 15px;
    font-size: 12px;
}

.text-decoration-underline {
    text-decoration: underline;
    color: #5058c6 !important;
}

.auto-grading-text {
    font-size: 16px;
    font-weight: 500;
    color: #494949;
}

.cancel-mark,
.check-mark,
.student-step-card .step-response .multi-select-response-view li .check-mark {
    margin-left: 15px;
    float: none !important;
    display: block;
    width: 100% !important;
    vertical-align:middle;
}

.cancel-mark svg,
.check-mark svg {
    display: block;
    height: 20px;
    width: 20px;
}

.cancel-mark svg {
    height: 17px;
    width: 17px;
    fill: red;
}


.check-mark svg {
    fill: green;
}

/* .student-step-card .step-response .multi-select-response-view li .step-option-list {
    width: auto;
    float: none;
    margin-left: 25px;
} */

.heading-placeholder-new {
    display: inline-block;
    color: #6c6c73;
    font-size: 12px;
}

.step-response .cancel-mark.margin-top-7{
    margin-top:7px;
}

.step-correct-answer {
    padding-bottom: 15px;
}
.bold-orange {
    color: #ff9665 !important;
    font-weight: 600;
}
.margin-left-15 {
    margin-left: 15px;
    margin-right: 0px;
}

.custom-student-selection .ui-multiselect-panel,
.custom-student-selection .ui-multiselect {
    width: 100%;
}

.bulk-grading {
    padding: 0px;
    margin: 0px;
}

.step-card-bulk .grade-design.grade-list-design {
    right: 0px;
    position:relative;
}
/* .table-view-icon{
    position: absolute;
    right: 50px;
} */

.custom--step--table .options li {
    padding: 0px 9px 0px 9px !important;
}
:root {
    --ct-bg: #fff;
    --ct-btn-hover: #e8e8e8;
    --ct-btn-active: #ddd;
    --ct-btn-color: #555;
    --ct-border-color: #e1e1e1;
    --ct-border-radius: 5px;
    --ct-tree-hover: #efefef;
    --ct-selection: #418EFF;
    --ct-padding: 8px;
}
.comboTreeWrapper{
	position: relative;
	text-align: left !important;
}

.comboTreeInputWrapper{
	position: relative;
}

.comboTreeArrowBtn {
	position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    box-sizing: border-box;
    border: 1px solid var(--ct-border-color);
    border-radius: 0 var(--ct-border-radius) var(--ct-border-radius) 0;
    background: var(--ct-border-color);
    cursor: pointer;
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+/Edge */
    user-select: none; /* Standard */
}
.comboTreeArrowBtn:hover {
    background: var(--ct-btn-hover);
}
.comboTreeArrowBtn:active {
    background: var(--ct-btn-active);
}
.comboTreeInputBox:focus + .comboTreeArrowBtn {
    color: var(--ct-btn-color);
    border-top: 1px solid var(--ct-selection);
    border-right: 1px solid var(--ct-selection);
    border-bottom: 1px solid var(--ct-selection);
}

.comboTreeArrowBtnImg{
    font-size: 1.25rem;
}

.comboTreeDropDownContainer {
	display: none;
	background: var(--ct-bg);
	border: 1px solid var(--ct-border-color);
	position: absolute;
  width: 100%;
  box-sizing: border-box;
  z-index: 999;
	max-height: 250px;
	overflow-y: auto;
}

.comboTreeDropDownContainer ul{
	padding: 0px;
	margin: 0;
}

.comboTreeDropDownContainer li{
	list-style-type: none;
	padding-left: 15px;
}

.comboTreeDropDownContainer li .selectable{
	cursor: pointer;
}

.comboTreeDropDownContainer li .not-selectable{
	cursor: not-allowed;
}


.comboTreeDropDownContainer li:hover{
	background-color: var(--ct-tree-hover);}
.comboTreeDropDownContainer li:hover ul{
	background-color: var(--ct-bg)}
.comboTreeDropDownContainer li span.comboTreeItemTitle.comboTreeItemHover{
	background-color: var(--ct-selection);
	color: var(--ct-bg);
    border-radius: 2px;
}

span.comboTreeItemTitle{
	display: block;
    padding: 3px var(--ct-padding);
}
.comboTreeDropDownContainer label{
    cursor: pointer;
	width: 100%;
    display: block;
}
.comboTreeDropDownContainer .comboTreeItemTitle input {
	position: relative;
    top: 2px;
	margin: 0px 4px 0px 0px;
}
.comboTreeParentPlus{
    position: relative;
    left: -12px;
    top: 4px;
    width: 4px;
    float: left;
		cursor: pointer;
}


.comboTreeInputBox {
	padding: var(--ct-padding);
    border-radius: var(--ct-border-radius);
    border: 1px solid var(--ct-border-color);
    width: 100%;
    box-sizing: border-box;
    padding-right: 24px;
}
.comboTreeInputBox:focus {
    border: 1px solid var(--ct-selection);
    outline-width: 0;
}


.multiplesFilter{
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid var(--ct-border-color);
}
.help-label {
    font-size: 14px;
    color: #e13131;
    padding-top: 10px;
    display: inline-block;
}


.ltregisterformtitle,
.ltregistercontainertitle{
    padding: 10px 10px;
    background: #8b8787;
    color: #fff;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.ltregisterform,
.ltregistercontainer{
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    background-color: #fff;
}
.plr-12{
    padding: 0px 12px;
}
.mt-10{
    margin-top:10px;
}
.platformevents li{
    display: inline-block;
}

.platformevents li a{
    color: #2e348c !important;
    font-weight: 500; 
    font-size: 14px;
    letter-spacing: 0;
}

.platformTable{
    margin-top: 10px;
}

.platformTable th,
.platformTable td{
    padding: 10px 0px !important;
}
.platformTable tr{
    border-top: 1px solid #d3d3d3;
}
.ltregistercontainer label{
    font-weight: 700;
}


.privatekey{
    margin-bottom: 25px;
    height: 110px;
    overflow-y: scroll;

}
.mt-5 {
    margin-top: 5px;
}
.lti-edit-button {
    padding: 5px 0px !important;
    width: 70px;
}
#textarea {
    -moz-appearance: textfield-multiline;
    -webkit-appearance: textarea;
    border: 1px solid gray;
    font: medium -moz-fixed;
    font: -webkit-small-control;
    height: 28px;
    overflow: auto;
    padding: 2px;
    resize: both;
    width: 400px;
}
.custom-tabs-2 .custom-tab-customize{display: initial;}
.custom-tabs-2{display: flex; justify-content: space-between; align-items: center;}
.custom-tabs-2 ul{display: inline-flex; align-items: center; gap: 10px; border: 1px solid #C9C9C9; border-radius: 4px; padding: 5px;}
.custom-tabs-2 ul li{display: flex; }
.custom-tabs-2 ul li span{font-size: 16px; font-weight: 500; color: #494949 !important; display: flex; padding: 8px 12px; border-radius: 5px;}
.custom-tabs-2 ul li span.blue-active-bordered{background-color: #006166; color: #fff !important;}
.custom-tabs-2 ul li span.table-view-icon{padding: 0 !important;}
.custom-tabs-2 ul:first-child li span:hover.active,
.custom-tabs-2 ul:first-child li span:hover.blue-active-bordered{background-color: #007d83;}
.custom-tabs-2 ul:first-child li span.active{background-color: #006166; color: #fff !important;}
.custom-tabs-2 ul:first-child li span:hover{background-color: rgb(0 97 102 / 10%);}
.custom-tabs-2 ul:last-child{border: none !important;}
.custom-tabs-2.student-tab ul:last-child{border: 1px solid #C9C9C9 !important;}

.custom-tabs-3{display: flex; gap: 10px; align-items: center;}
.custom-tabs-3 .progress-bar-entity{display: flex; align-items: center; position: relative; gap: 5px; padding: 0 10px;}
.custom-tabs-3 .progress-bar-entity:hover:after{content: ''; position: absolute; bottom: -11px; left: 0; z-index: 99; width: 100%; height: 3px; border-radius: 5px; background-color: #2E348C;}
.custom-tabs-3 .progress-bar-entity .progress-entity-name,
.custom-tabs-3 .progress-bar-entity .progress-entity-value{font-size: 16px; font-weight: 500; color: #494949; line-height: 16px; display: flex; border: none; background-color: transparent; padding: 0;}

.custom-tabs-3 .progress-bar-entity .progress-bar-active:after{content: ''; position: absolute; bottom: -11px; left: 0; z-index: 99; width: 100%; height: 3px; border-radius: 5px; background-color: #2E348C;}


.search-by-filter{display: flex; justify-content: space-between; align-items: center;}
.search-by-filter .filter-left{display: flex; align-items: center; gap: 15px;}
.search-by-filter .filter-left .search-group input{background-color: #F5F5F5; border-radius: 5px; border: none; height: 45px; outline: none; width: 275px; padding: 8px 12px 8px 40px; background-image: url(/assets/Search.62604f58839f6d2ffdbf3d41dd5f84b4.svg); background-repeat: no-repeat; background-position: left 10px center; }
.search-by-filter .filter-right{display: flex; align-items: center; gap: 10px;}

.search-by-filter .filter-right .cusotm-sort{background-color: #F5F5F5; height: 45px; border-radius: 5px; position: relative; padding: 0 12px; display: flex; align-items: center;}
.search-by-filter .filter-right .cusotm-sort .filter{display: flex; align-items: center; gap: 7px;}
.search-by-filter .filter-right .cusotm-sort .filter span{font-size: 16px; color: #494949; font-weight: 500;}
.search-by-filter .filter-right .cusotm-sort .filter i{display: flex;}

.search-by-filter .filter-right .cusotm-sort .dropdown-menu{background-color: #fff; border-radius: 5px; box-shadow: 0 3px 6px rgb(0 0 0 / 16%); left:auto; right:0}
.search-by-filter .filter-right .cusotm-sort .dropdown-menu::before,
.search-by-filter .filter-right .cusotm-sort .dropdown-menu::after{display: none;}
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li{border-bottom:1px solid #ddd !important;}
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li:last-child{border-bottom: none !important;}
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li a{font-size: 14px; font-weight: 400; color: #797878 !important; white-space: nowrap; padding: 10px 12px; display: flex; gap: 5px; align-items: center; justify-content: space-between;}
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li:first-child a:hover,
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li:first-child a:focus,
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li:first-child a:active{border-radius: 5px 5px 0 0 ;}

.search-by-filter .filter-right .cusotm-sort .dropdown-menu li:last-child a:hover,
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li:last-child a:focus,
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li:last-child a:active{border-radius: 0 0 5px 5px ;}

.search-by-filter .filter-right .cusotm-sort .dropdown-menu li a:hover,
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li a:focus,
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li a:active,
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li.active-dropdown a{background-color: rgb(46 52 140); color:#fff !important;}

.search-by-filter .filter-right .cusotm-sort .dropdown-menu li a:hover i path,
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li a:focus i path,
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li a:active i path,
.search-by-filter .filter-right .cusotm-sort .dropdown-menu li a:active i path{fill: #fff !important; stroke:#fff !important;}

.btn-primary{background-color: #2E348C !important; color: #fff !important; border: none !important; height: 45px; border-radius: 5px; font-size: 16px; font-weight: 500; display: flex; align-items: center; padding: 10px 12px; white-space: nowrap; gap: 7px;}
.btn-primary:hover{background-color: #383e9b !important; box-shadow: none !important; color: #fff !important;}
.btn-primary:focus,
.btn-primary:active{background-color: #383e9b !important; box-shadow: none !important; color: #fff !important;}
.btn-primary[disabled]{cursor: not-allowed; opacity: 0.5;}

.btn-border-blue {border: 2px solid #2E348C !important; background-color: transparent !important; color: #2E348C !important; height: 45px;  border-radius: 5px; font-size: 16px; font-weight: 500; display: flex; padding: 10px 12px; align-items: center; gap: 7px;}
.btn-border-blue:hover{background-color: #EEF3FF !important; box-shadow: none; border: 2px solid #2E348C !important; color: #2E348C !important;}
.btn-border-blue:focus,
.btn-border-blue:active {background-color: #E6EDFF !important; box-shadow: none; border: 2px solid #2E348C !important; color: #2E348C !important;}
.btn-border-blue[disabled]{cursor: not-allowed; opacity: 0.5;}

.btn-success{background-color: #1D7B00 !important; color: #fff !important; border: none !important; height: 45px; border-radius: 5px; font-size: 16px; font-weight: 500; display: flex; align-items: center; padding: 10px 12px; gap: 7px;}
.btn-success:hover{background-color: #1D7B00 !important; box-shadow: none !important; color: #fff !important;}
.btn-success:focus,
.btn-success:active{background-color: #1D7B00 !important; box-shadow: none !important; color: #fff !important;}
.btn-success[disabled]{cursor: not-allowed; opacity: 0.5;}

.custom-toggle-switch{display: flex; align-items: center; justify-content: space-between;}
.custom-toggle-switch span{color: #797878; font-size: 16px; font-weight: 400; line-height: 18px;}
.custom-toggle-switch span.toggleActive{color: #2E348C !important; font-weight: 600;}
.custom-toggle-switch span.toggle-switch{display: flex; margin-right: 12px; margin-left: 12px;}
.custom-toggle-switch span.toggle-switch .switch-new{position: relative; width: 40px; height: 20px; background-color: #2E348C; border: none; border-radius: 20px; margin-bottom: 0px; cursor: pointer;}
.custom-toggle-switch span.toggle-switch .switch-new::after {content: ""; position: absolute; width: 12px; height: 12px; background: #fff; border-radius: 50%; left: 4px; top: 4px; transition: all 0.3s;}
.custom-toggle-switch span.toggle-switch .checkbox:checked+.switch-new::after {left: 23px;}
.custom-toggle-switch span.toggle-switch .checkbox {display: none;}

.row{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap;}
.row > [class*='col-'] {display: flex;flex-direction: column;}

.row.gutter-0 {margin-left: 0; margin-right: 0;}
.row.gutter-0 [class*="col-"] {padding-left: 0;padding-right: 0;}
.row.gutter-10 {margin-left: -5px; margin-right: -5px;}
.row.gutter-10 [class*="col-"] {padding-left: 5px;padding-right: 5px;}
.row.gutter-15 {margin-left: -7.5px; margin-right: -7.5px;}
.row.gutter-15 [class*="col-"] {padding-left: 7.5px;padding-right: 7.5px;}
.row.gutter-20 {margin-left: -10px; margin-right: -10px;}
.row.gutter-20 [class*="col-"] {padding-left: 10px;padding-right: 10px;}

.custom-modal{ border: none; border-radius: 5px; align-items: center; justify-content: center;}
.custom-modal.in{display: flex !important;}
.custom-modal .modal-dialog{margin: 0 auto !important;}
.custom-modal .modal-dialog .modal-content {position: relative; background-color: #ffffff; border-radius: 5px; border: 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 8%); background-clip: padding-box; outline: none;}
.custom-modal .modal-dialog .modal-content .modal-header{display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; padding: 12px 20px; border: none !important;}
.custom-modal .modal-dialog .modal-content .modal-header h4{font-size: 18px; font-weight: 600; color: #494949; text-align: left;}
.custom-modal .modal-dialog .modal-content .modal-header .close{font-size: 33px; font-weight: 300; opacity: 1; color: #494949;}
.custom-modal .modal-dialog .modal-content .modal-body{padding: 10px 20px 20px;}
/* .custom-modal .modal-dialog .modal-content .modal-body{padding: 10px 20px 20px; max-height: calc(100vh - 225px); overflow: auto;} */
.custom-modal .modal-dialog .modal-content .modal-body p{font-size: 15px; font-weight: 400; color: #272727;}
.custom-modal .modal-dialog .modal-content .modal-body h4{font-size: 15px; font-weight: 500; color: #272727; font-family: 'Poppins', sans-serif !important;}
.custom-modal .modal-dialog .modal-content .modal-body p-checkbox{display: flex; align-items: center; gap: 7px;}
.custom-modal .modal-dialog .modal-content .modal-body p-checkbox .ui-chkbox{margin: 0;}
.custom-modal .modal-dialog .modal-content .modal-body p-checkbox .ui-chkbox .ui-chkbox-box{border: 1px solid #2e348c; border-radius: 3px; width: 18px; height: 18px;}
.custom-modal .modal-dialog .modal-content .modal-body p-checkbox .ui-chkbox .ui-chkbox-box.ui-state-active{background-color: #2e348c;}
.custom-modal .modal-dialog .modal-content .modal-body p-checkbox label{color: #797878; font-size: 14px; font-weight: 400;}

.custom-modal .modal-dialog .modal-content .modal-body .pop-response-head{display: flex; align-items: center; gap: 10px;}
.custom-modal .modal-dialog .modal-content .modal-body .pop-response-head .profile-image{background-color: #F5F5F7; min-width: 70px; height: 70px;}
.custom-modal .modal-dialog .modal-content .modal-body .pop-response-title h4{font-size: 18px; font-weight: 600; color: #272727; font-family: 'Poppins', sans-serif !important; text-transform: capitalize; margin: 0 0 7px 0;} 
.custom-modal .modal-dialog .modal-content .modal-body .pop-response-title p{font-size: 14px; margin: 0; font-weight: 400; color: #797878;} 
.custom-modal .modal-dialog .modal-content .modal-footer{background-color: #F7F7FF; padding: 12px 20px; display: flex; justify-content: flex-end; box-shadow: none; border: none; margin: 0; border-radius: 0 0 5px 5px;}

.custom-modal .modal-dialog .modal-content .modal-body .pop-response-title {width: 85%; word-wrap: break-word;} 


.custom-scroll-modal.in{display: block !important; }
.custom-scroll-modal .modal-dialog{margin: 25px auto !important; height: fit-content !important;}


.custom-search-pop .input-group{background-color: #F5F5F5; border-radius: 5px;}
.custom-search-pop .input-group input.form-control{border: none; height: 40px; background-color: #F5F5F5; background-position: left 10px center; background-color: #F5F5F5; border-radius: 5px; border: none; height: 45px; outline: none; width: 275px;}
.custom-search-pop .input-group .input-group-btn .btn{border: none;}
/* .custom-search-pop .input-group .input-group-btn{display: none;} */

.custom--fileds{font-size: 15px; font-weight: 500; color: #272727; gap: 7px;}
.custom--fileds .ui-chkbox .ui-chkbox-box{border: 2px solid #DCDEFF; border-radius: 4px;}

.custom-file-uploader{background-color: #F1F3FA; border-radius: 5px;}
.custom-file-uploader .image-copper-main {width: 100%; height: 200px; box-sizing: border-box; padding: 15px;}
.custom-file-uploader .image-copper-main .overlay {background: none !important; outline: none !important}
.custom-file-uploader .image-copper-main .upload-img-view{padding: 0; border-radius: 5px;}
.custom-file-uploader .custom-range{padding: 15px;}

.student--card--step .profile-image{min-width: 85px; height: 85px; background-color: #F5F5F7;}
.student--card--step .step-content .step-description{font-size: 15px; font-weight: 400; color: #494949; line-height: 22px; padding-top: 5px; display: inline-flex; flex-wrap: wrap;}
.student--card--step .step-content .step-description h2.aos-init{font-size: 15px; font-weight: 500; color: #494949; line-height: 20px; font-family: 'Poppins', sans-serif; margin: 0;}
.student--card--step .helper-text{color: #797878; font-size: 14px; font-weight: 500;}

.custom--step--table{border: none !important;}
.custom--step--table thead tr th{background-color: #F1F3FA; font-size: 14px; font-weight: 600; color: #494949; text-transform: uppercase; border: none !important; height: 42px; vertical-align: middle; letter-spacing: 0; padding: 10px; white-space: nowrap;}
.custom--step--table tbody tr:nth-child(even){background-color: #F5F5F5;}
.custom--step--table tbody tr td{font-size: 14px; color: #494949; font-weight: 500; border: none !important; padding: 10px;}

.preview-table .row{margin: 0;}
.preview-table thead tr th,
.preview-table tbody tr td{padding: 10px !important; white-space: nowrap;}

.custom--radio{display: flex; align-items: center; gap: 10px;}
.custom--radio input{margin: 0;}
.custom--radio span{color: #494949; font-size: 14px; font-weight: 500; line-height: 14px; }

@media screen and (min-width: 1200px) and (max-width: 1535px) {
    .col-cc-md-1{width: 8.33333333%;}
    .col-cc-md-2{width: 16.66666667%;}
    .col-cc-md-3{width: 25%;}
    .col-cc-md-4{width: 33.33333333%;}
    .col-cc-md-5{width: 41.66666667%;}
    .col-cc-md-6{width: 50%;}
    .col-cc-md-7{width: 58.33333333%;}
    .col-cc-md-8{width: 66.66666667%;}
    .col-cc-md-9{width: 75%;}
    .col-cc-md-10{width: 83.33333333%;}
    .col-cc-md-11{width: 91.66666667%;}
    .col-cc-md-12{width: 100%;}
    .error-page .main-text{font-size: 24px;}
}

@media screen and (min-width: 1535px) and (max-width: 1649px) {
    .col-cc-lg-1{width: 8.33333333%;}
    .col-cc-lg-2{width: 16.66666667%;}
    .col-cc-lg-3{width: 25%;}
    .col-cc-lg-4{width: 33.33333333%;}
    .col-cc-lg-5{width: 41.66666667%;}
    .col-cc-lg-6{width: 50%;}
    .col-cc-lg-7{width: 58.33333333%;}
    .col-cc-lg-8{width: 66.66666667%;}
    .col-cc-lg-9{width: 75%;}
    .col-cc-lg-10{width: 83.33333333%;}
    .col-cc-lg-11{width: 91.66666667%;}
    .col-cc-lg-12{width: 100%;}
    
    .username .normal-font{max-width: 40ch;}
}

@media screen and (min-width: 1650px) and (max-width: 1920px) {
    .col-cc-xl-1{width: 8.33333333%;}
    .col-cc-xl-2{width: 16.66666667%;}
    .col-cc-xl-3{width: 25%;}
    .col-cc-xl-4{width: 33.33333333%;}
    .col-cc-xl-5{width: 41.66666667%;}
    .col-cc-xl-6{width: 50%;}
    .col-cc-xl-7{width: 58.33333333%;}
    .col-cc-xl-8{width: 66.66666667%;}
    .col-cc-xl-9{width: 75%;}
    .col-cc-xl-10{width: 83.33333333%;}
    .col-cc-xl-11{width: 91.66666667%;}
    .col-cc-xl-12{width: 100%;}

    .username .normal-font{max-width: 65ch;}
}

@media screen and (min-width: 1921px) and (max-width: 2560px) {
    .col-cc-xxl-1{width: 8.33333333%;}
    .col-cc-xxl-2{width: 16.66666667%;}
    .col-cc-xxl-3{width: 25%;}
    .col-cc-xxl-4{width: 33.33333333%;}
    .col-cc-xxl-5{width: 41.66666667%;}
    .col-cc-xxl-6{width: 50%;}
    .col-cc-xxl-7{width: 58.33333333%;}
    .col-cc-xxl-8{width: 66.66666667%;}
    .col-cc-xxl-9{width: 75%;}
    .col-cc-xxl-10{width: 83.33333333%;}
    .col-cc-xxl-11{width: 91.66666667%;}
    .col-cc-xxl-12{width: 100%;}
}

@media screen and (min-width: 2561px) and (max-width: 3840px) {
    .col-cc-xxxl-1{width: 8.33333333%;}
    .col-cc-xxxl-2{width: 16.66666667%;}
    .col-cc-xxxl-3{width: 25%;}
    .col-cc-xxxl-4{width: 33.33333333%;}
    .col-cc-xxxl-5{width: 41.66666667%;}
    .col-cc-xxxl-6{width: 50%;}
    .col-cc-xxxl-7{width: 58.33333333%;}
    .col-cc-xxxl-8{width: 66.66666667%;}
    .col-cc-xxxl-9{width: 75%;}
    .col-cc-xxxl-10{width: 83.33333333%;}
    .col-cc-xxxl-11{width: 91.66666667%;}
    .col-cc-xxxl-12{width: 100%;}
}

@media screen and (min-width: 1100px) and (max-width: 1365px) {
    /* .assign_status .submitted-count i{display: none;}
    .assign_status .student-count i{display: none;} */
    /* .classroom-items {border: none !important;}
    .classroom-items i{display: none;}     */
    .classroom-items span{font-size: 11px;}
    .search-by-filter .filter-left .search-group input{width: 215px !important;}
    .btn-primary,
    .btn-border-blue{padding: 10px !important;}
    .username .normal-font{max-width: 20ch;}    
    .error-page .main-text{font-size: 24px;}
}

@media screen and (min-width: 1366px) and (max-width: 1535px) {
    /* .assign_status .submitted-count i{display: none;}
    .assign_status .student-count i{display: none;} */
    /* .classroom-items i{display: none;}
    .classroom-items span{font-size: 11px;} */
    .search-by-filter .filter-left .search-group input{width: 215px !important;}
    .btn-primary,
    .btn-border-blue{padding: 10px !important;}
    .username .normal-font{max-width: 30ch;}
}

@media screen and (min-width: 320px) and (max-width: 767px) {

    .for--mobile{display: flex !important;}
    .list-item i{margin: 0 ;}
    .list-item a{gap: 10px; font-size: 14px;}
    .left-sidebar {
        width: 100%;
        position: absolute;
        z-index: 99999;
        height: calc(100vh - 60px);
        top: 60px;
    }
    .content {
        width: calc(100% - 0px);
    }
    .content-header {
        background-color: rgb(46 52 140 / 20%);
        margin: 0 !important;
        padding: 8px 20px;
        height: 60px;
    }
    .content-header ul li{height: 38px;}
    .content-header ul li div[data-toggle="dropdown"]{height: 38px; display: flex; align-items: center;}
    .button-assignment {
        font-size: 10px;
        height: 38px;
    }
}



.collaboration-card{background-color: #E8F8F5 !important;}
.collaboration-card.assignment-card .assignment-head .assign_icon{background-color: #00AF92; background-image: url(/assets/collaboration.e4969e7e1644b90ea401be030f34edbd.svg); background-repeat: no-repeat; background-position: center; background-size: 26px;}
.collaboration-card.assignment-card .assignment-head .lock_icon{background-color: #00AF92; background-image: url(/assets/lockeed-assignmnts.08fcda6edf284f7f97741691b0bfb111.svg); background-repeat: no-repeat; background-position: center; background-size: 26px;}
.collaboration-card.assignment-card .assignment-categories{color: #00AF92;}
.collaboration-card.assignment-card .assignment-name{color: #272727;}
.collaboration-card .assignment-actions{position: absolute; width: 100%; left: 0; padding: 0 18px; bottom: 15px;}

.assessment-card{background-color: #E3EDFF !important;}
.assessment-card.assignment-card .assignment-head .assign_icon{background-color: #2E348C; background-image: url(/assets/assessment.c7e3b3cf58381ea266864eccc6ed47f9.svg); background-repeat: no-repeat; background-position: center; background-size: 22px;}
.assessment-card.assignment-card .assignment-head .lock_icon{background-color: #2E348C; background-image: url(/assets/lockeed-assignmnts.08fcda6edf284f7f97741691b0bfb111.svg); background-repeat: no-repeat; background-position: center; background-size: 22px;}
.assessment-card.assignment-card .assignment-categories{color: #2E348C;}
.assessment-card.assignment-card .assignment-name{color: #494949;}
.assessment-card .assignment-actions{position: absolute; width: 100%; left: 0; padding: 0 18px; bottom: 15px;}

/* .col-equal-height{display: table;} */
.col-equal-height [class*="col-"]{
    float: none;
    display: table-cell;
    vertical-align: top;
}
/* 
.col-equal-height [class*="col-"] .classroom-container{
    float: none;
    display: table-cell;
    vertical-align: top;
} */

.fullscreen-wrapper-login.loader-active {
    filter: blur(52px);
} */

.progress-bar-table table tr td:not(:first-child) {
    width: 20% !important;
}

summary::after {
    content: '\25B6'; /* Unicode character for right-pointing triangle */
    float: right;
    transform: rotate(90deg);
    transition: transform 0.2s ease-in-out;
}

details[open] summary::after {
    transform: rotate(0deg);
}

.column-width {
  width: 100px; /* Set the desired width for the column */
}

  .report-table-container tbody tr:nth-child(even) {
    background-color: #F5F5F5;
}
.report-table-container .table-body tr:nth-child(even) td:nth-child(1){
    background:#F5F5F5;
  }
.report-table-container .table-body tr:nth-child(odd) td:nth-child(1){
    background:white;
  }

  .report-table-container .column-width{
    width: 180px;
  }

  .report-table-container .fixed-column:nth-child(1) {
    width: 300px;
    /* background: aliceblue; */
    overflow: initial;
    border: none !important;
  }

  .report-table-container .column-width.fixed-column{position: relative;}
  .report-table-container .fixed-column{position: relative;}
  .report-table-container .fixed-column::after{content: ''; position: absolute; width: 100%; height: 100%; top: 0; right: 0; box-shadow: 2px 0 5px rgb(0 0 0 / 9%); z-index: -1;}

  .table-container-report {
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    margin: 0 !important;
  }

  .table-container-report td {
    border: 1px solid #ddd;
    white-space: nowrap; /* Prevent line breaks in cells */
    overflow: hidden;
    text-overflow: ellipsis; /* Show ellipsis for long content */
  }

  .report-table-container {
    max-width: 100%;
    /* height: 450px; */
    overflow-x: auto;
  }

  .report-table-container::-webkit-scrollbar {
    height: 8px; /* Adjust as needed */
  }

  .report-table-container::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 4px;
  }

  .report-table-container::-webkit-scrollbar-thumb:hover {
    background-color: #555;
  }

  .report-table-container::-webkit-scrollbar-track {
    background-color: #f2f2f2;
    border-radius: 4px;
  }

  .report-table-container thead th {
    position: sticky !important;
    /* border: 1px solid #ddd; */
    /* z-index: 1; */
    background-color: #E9EEF3;
    top: 0px !important;
  }

  .report-table-container th::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* border: 1px solid #ddd; */
  }

  /* .table-header th {
    padding: 12px 7px !important;
  } */
.tab-navigation {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    /* background-color: #f0f0f0; */
    padding: 10px 15px;
}

.report-btn-inactive{
    border: none;
    background-color: #E9EEF3;
}

  .fixed-column {
    position: sticky !important;
    left: 0;
    z-index: 1;
    /* background-color: #f5f5f5; */
    overflow: hidden;
    box-shadow: 2px 0 5px rgba(0, 0, 0, 0.09);
    -webkit-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.09); /* Safari/Chrome */
    -moz-box-shadow: 2px 0 5px rgba(0, 0, 0, 0.09); /* Firefox */
  }

  .report-header{
    display: flex;
    /* padding-bottom: 10px; */
    align-items: center;
    justify-content: space-between;
  }
  .report-header .field-wrapper {
    margin-bottom: 0px !important;
  }
  .tab-navigation .primary-btn:focus {
    box-shadow: none;
    transform: none;
} 
  
.panel-heading .panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    /* color: inherit; */
    font-weight: 500;
    color: #494949;
}
.panel-heading {
    background-color: #EFEFF1;
    border-radius: 5px 5px 0 0;
    background-image: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 18px;
} 

.tablecollapse{border: 1px solid #E3E3E3; border-radius: 5px; margin-top: 10px;}

.report-table-container .custom--step--table tbody tr td {
    border: none;
    border-right: 1px solid #E3E3E3 !important;
}

.report-table-container .table-body tr td{
 border-bottom:none;
}
.report-table-container .custom--step--table tbody tr td:last-child {
    border-right:none !important;
}
.report-table-container .custom--step--table thead tr th {
    border-right:none !important;
}
.report-table-container .custom--step--table thead tr th {
    border: none;
    border-right: 1px solid #E3E3E3 !important; 
    border: 10px !important;
}
.collect-notification{background-color: #eeffe9; padding: 8px 12px!important; font-size: 16px; font-weight: 600; border-radius: 4px; border: 1px solid #80da65;}

.instructionstable tr {
    background: red;
  }

  .instructionstable table tr:nth-child(even) {
    background: white;
  }

  /* .instructionstable th:first-child td:first-child {
    position: sticky;
    left: 0;
    z-index: 2;
    color: white;
  } */
  .report-table-stepheader{
    background-color: #E7E7FA!important;
    font-size: 15px!important;
    font-weight: 600!important;
    color: #272727!important;
  }
  .table-info-icon{
    display: flex; 
    align-items: center; 
    gap: 3px;
    width: 100%;
  }

  .instructionstable th:first-child {
    white-space: nowrap;
  }
.submit-fixed{position: fixed; width: calc(100% - 270px); background-color: #fff; left: 270px; z-index: 999; bottom: 0; padding: 12px 30px; text-align: right; display: flex; justify-content: flex-end;}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}
.openai-container-admin{margin-top: 40px;margin-bottom: 0px;}
.view-instructions.collapsed{ border-radius: 5px !important;}
.openai-container{background-color: #F5F5F7; padding: 15px 20px;border-radius: 0px 0px 5px 5px;}
.opacity-0{opacity: 0;}
.paid-content-card{padding: 12px 18px !important;background: #2E348C !important;margin: 0 0 10px !important;border-radius: 8px !important;box-shadow: none !important;min-height: max-content !important;position: relative !important;height: 230px !important;}
.paid-content-card .header-img{display: inline-flex !important;gap: 10px !important;align-items: center !important;position: absolute !important;right: 10px !important;}
.paid-content-card .header-img .card-image{display: flex !important;justify-content: center !important;align-items: center !important;background-color: #FBB03B !important;height: 30px !important;width: 30px !important;border-radius: 20px !important;}
.paid-content-card .header-img img{max-height: 35px;}
.copy-icon{width: 15px !important; opacity: 0 !important;}
.copy-icon.shown{opacity: 1 !important;}
.folder-category .card-image img {height: 120px !important;padding: 5px !important;}
.folder-category .file-upload-image{max-height: 150px !important;max-width: 170px !important;margin: auto !important;padding: 10px 0px 20px 0px !important;}
.paid-content-card .footer-text .text-truncate-2-lines{color: #ffffff !important;font-size: 18px !important;font-weight: 600 !important;line-height: 22px !important;max-height: 45px !important;text-overflow: ellipsis !important;overflow: hidden !important;}
.paid-content-card .status-container{display: flex !important;align-items: center !important;gap: 8px !important;position: absolute !important;width: 100% !important;left: 0 !important;right: 0 !important;padding: 0 18px !important;bottom: 15px !important;}
.paid-content-card .status-container .assignment-ai span, 
.paid-content-card .status-container .assignment-fl span{font-size: 11px !important;font-weight: 500 !important;color: #ffffff !important;line-height: 16px !important;}
.paid-content-card .status-container .status-share{display: flex !important;align-items: center !important;gap: 3px !important;padding: 3px 8px !important;background-color: #fff !important;border-radius: 100px !important;}
.paid-content-card .status-container .status-share span{color: #494949 !important;font-size: 11px !important;font-weight: 500 !important;display: flex !important;align-items: center !important;gap: 5px !important;}

.data-activity-tooltip{ display: flex; align-items: center; gap: 8px;}
.user-signup-message{font-family: 'Poppins', sans-serif; font-weight: 400; font-size: 18px; color: #494949; margin: 0; padding: 15px;}
/*# sourceMappingURL=app.08d874f04d3550d8a09d.css.map*/