text:
/*
* Kendo UI v2014.3.1119 (http://www.telerik.com/kendo-ui)
* Copyright 2014 Telerik AD. All rights reserved.
*
* Kendo UI commercial licenses may be obtained at
* http://www.telerik.com/purchase/license-agreement/kendo-ui-complete
* If you do not own a commercial license, this file shall be governed by the trial license terms.
*/
@-ms-viewport{width:device-width;user-zoom:fixed;max-zoom:1;min-zoom:1}@media(orientation:landscape){.km-tablet .km-on-ios.km-horizontal.km-web:not(.km-ios-chrome){position:fixed;bottom:0}}.km-root{font-size:.92em}.km-root a{color:inherit}.km-tablet{font-size:1em}.km-root *:focus{outline-width:0}.km-root,.km-pane,.km-pane-wrapper{width:100%;height:100%;-ms-touch-action:none;-ms-content-zooming:none;-ms-user-select:none;-webkit-user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none;overflow-x:hidden}.km-pane-wrapper{position:absolute}.km-pane,.km-shim{font-family:sans-serif}.km-pane{overflow-x:hidden;position:relative}.km-vertical .km-collapsible-pane{position:absolute;z-index:2!important;-webkit-transition:-webkit-transform 350ms ease-out;-ms-transition:-ms-transform 350ms ease-out;-webkit-transform:translatex(-100%);-moz-transform:translatex(-100%);-ms-transform:translatex(-100%);-o-transform:translatex(-100%);transform:translatex(-100%)}.km-vertical .km-expanded-splitview .km-collapsible-pane{-webkit-transform:translatex(0);-moz-transform:translatex(0);-ms-transform:translatex(0);-o-transform:translatex(0);transform:translatex(0)}.km-expanded-pane-shim{position:absolute;left:0;top:0;width:100%;height:100%;display:none}.km-expanded-splitview .km-expanded-pane-shim{display:block;z-index:1}.km-root>*{margin:0;padding:0}.km-root *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.km-content{display:block}.km-view,.km-split-content{top:0;left:0;position:absolute;display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:100%;width:100%;-moz-box-orient:vertical;-webkit-box-orient:vertical;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:stretch;-ms-align-items:stretch;align-items:stretch;-webkit-align-content:stretch;align-content:stretch;vertical-align:top}.k-ff .km-view,.k-ff .km-pane{overflow:hidden}.k-ff18 .km-view,.k-ff18 .km-pane,.k-ff19 .km-view,.k-ff19 .km-pane,.k-ff20 .km-view,.k-ff20 .km-pane,.k-ff21 .km-view,.k-ff21 .km-pane{position:relative}.k-ff .km-view{display:-moz-inline-box;display:inline-flex}.km-content{min-height:1px;-moz-box-flex:1;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-moz-box-align:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;flex-align:stretch;width:auto;overflow:hidden;position:relative}.km-content p,.km-content h1,.km-content h2,.km-content h3,.km-content h4,.km-content h5,.km-content h6{margin-left:1rem;margin-right:1rem}.km-header,.km-footer{display:block;display:-moz-box;-moz-box-orient:vertical;width:100%}.km-header{padding:0}.km-footer{background:#1a1a1a}[data-role="layout"]{display:none}[data-role="view"],[data-role="drawer"],kendo-mobile-view,kendo-mobile-split-view,kendo-mobile-drawer{visibility:hidden}.km-view{visibility:visible}.km-header,.km-footer{position:relative;z-index:1}@media all and (-webkit-min-device-pixel-ratio:10000),not all and (-webkit-min-device-pixel-ratio:0){.km-view{display:table}.km-header,.km-footer,.km-content{display:table-row}.km-header,.km-footer{height:1px}}.km-root .k-toolbar,.km-navbar,.km-button,.km-buttongroup,.km-tabstrip,.km-blackberry li.km-actionsheet-cancel>a{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-origin:border-box;position:relative;display:inline-block;padding:.4em .7em;margin:.1rem;overflow:visible;text-decoration:none}.km-tabstrip,.km-root .k-toolbar,.km-navbar{display:block;padding:.8em;margin:0;width:100%;border-width:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.km-native-scroller{overflow:auto;-webkit-overflow-scrolling:touch;-ms-touch-action:pan-x pan-y;-ms-overflow-style:-ms-autohiding-scrollbar;-ms-scroll-snap-type:proximity}.km-default-content{padding:1em}.km-shim{left:0;bottom:0;position:fixed;width:100%;height:100%!important;background:rgba(0,0,0,0.6);z-index:10001;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.km-root .km-shim{position:absolute}.km-shim:before{content:"\a0";height:100%;width:0;display:inline-block;vertical-align:middle}.km-shim .k-animation-container{box-shadow:none;-webkit-box-shadow:none;border:0;width:auto}.km-loader{top:50%;left:50%;width:180px;height:130px;z-index:100000;padding:30px 30px;position:absolute;margin-top:-70px;margin-left:-90px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,0.5)}.km-loader h1{font-size:1rem;color:white;text-align:center;vertical-align:middle}.km-loader .km-loading,.km-load-more .km-icon,.km-scroller-refresh .km-icon{animation:km-spin 1s infinite linear;-moz-animation:km-spin 1s infinite linear;-webkit-animation:km-spin 1s infinite linear;display:block;margin:0 auto;width:35px;height:35px;font-size:35px}.km-loader .km-loading:after,.km-load-more .km-icon:after{color:#ccc}.km-loading-left,.km-loading-right{display:none}@-webkit-keyframes km-spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes km-spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-ms-keyframes km-spin{from{-ms-transform:rotate(0deg)}to{-ms-transform:rotate(360deg)}}@-o-keyframes km-spin{from{-o-transform:rotate(0deg)}to{-o-transform:rotate(360deg)}}@-webkit-keyframes km-ios-spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@-webkit-keyframes km-ios-spin1{from{-webkit-transform:rotate(-135deg)}to{-webkit-transform:rotate(225deg)}}@-moz-keyframes km-ios-spin{from{-moz-transform:rotate(0deg)}to{-moz-transform:rotate(360deg)}}@-moz-keyframes km-ios-spin1{from{-moz-transform:rotate(-135deg)}to{-moz-transform:rotate(225deg)}}@keyframes km-ios-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes km-ios-spin1{from{transform:rotate(-135deg)}to{transform:rotate(225deg)}}.km-stretched-view{display:-moz-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.km-stretched-view>*{width:100%}.km-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;z-index:100000}.km-root.km-native-scrolling,.km-root.km-native-scrolling .km-view,.km-root.km-native-scrolling .km-splitview .km-pane{min-height:100%;height:auto;-webkit-transform:none;overflow-x:visible}.km-native-scrolling .km-pane,.km-native-scrolling .km-view{-ms-touch-action:auto;display:block}.km-native-scrolling .km-content{-ms-flex:auto}.km-native-scrolling .km-blackberry .km-content{min-height:auto}.km-native-scrolling .km-splitview{position:absolute}.km-native-scrolling .km-header{position:fixed;top:0}.km-native-scrolling .km-android .km-header{top:auto;bottom:0}.km-native-scrolling .km-footer{position:fixed;bottom:0}.km-native-scrolling .km-android .km-footer{top:0;bottom:auto}.km-native-scrolling .km-badge{z-index:auto}.km-native-scrolling .km-splitview .km-header,.km-native-scrolling .km-splitview .km-footer,.km-native-scrolling .km-popup.km-pane .km-header,.km-native-scrolling .km-popup.km-pane .km-footer{position:absolute}.km-native-scrolling .km-modalview .km-header,.km-native-scrolling .km-modalview .km-footer{position:relative}.km-native-scrolling .km-content{width:100%}.km-native-scrolling .km-shim,.km-native-scrolling .km-popup-overlay{position:fixed;top:0;bottom:0;height:auto!important}.km-native-scrolling .km-drawer{position:fixed;top:0;height:100%!important;overflow:auto!important;-webkit-overflow-scrolling:touch}.km-native-scrolling>.km-pane>.km-loader{position:fixed;top:50%;margin-top:-2em}.km-native-scrolling .km-header,.km-native-scrolling .km-footer{z-index:2}.km-state-disabled{opacity:.5}.km-badge,.km-detail{text-decoration:none;display:inline-block;vertical-align:middle;overflow:hidden;text-align:center;position:absolute;z-index:1;height:2em;font-size:.6rem;text-shadow:none}.km-badge{top:-1em;right:-1em;line-height:2em;margin-left:.5em;min-width:.9em;padding:0 .55em;-moz-background-clip:padding-box;-webkit-background-clip:padding-box;background-clip:padding-box}.km-tabstrip .km-badge{top:-0.2em;right:auto;margin-left:-1em}.km-detail{position:absolute;float:right;right:.8rem;top:50%;margin-top:-0.7rem;width:1.3rem;height:1.3rem;font-size:1rem;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.km-widget .km-detaildisclose{font-size:.8em}.k-ff .km-detail{width:1rem;height:1rem}.km-detail .km-text{display:none}.km-widget .km-rowinsert:after,.km-widget .km-rowdelete:after,.km-widget .km-contactadd:after,.km-widget .km-detaildisclose:after,.km-widget .km-rowinsert:before,.km-widget .km-rowdelete:before,.km-widget .km-contactadd:before,.km-widget .km-detaildisclose:before,.km-detail .km-icon{left:.15em;top:.15em;line-height:1em;font-size:1em;position:absolute}.km-widget .km-detaildisclose:after{left:.1em;top:.25em;text-align:center;font-weight:bold}.km-button{cursor:pointer;outline:0;text-align:center}button.km-button{display:inline-block;font:inherit}.km-button:hover{text-decoration:none}.km-button::-moz-focus-inner{padding:0;border:0}.km-ios .km-state-disabled .km-button,.km-android .km-state-disabled .km-button,.km-blackberry .km-state-disabled .km-button,.km-meego .km-state-disabled .km-button{color:#aaa;text-shadow:none}.km-root .km-pane .k-button:focus,.km-root .km-pane .k-button:active,.km-root .km-pane .k-button:focus:active{box-shadow:none;-webkit-box-shadow:none}.km-buttongroup{padding:.4rem .7rem;-webkit-margin-collapse:separate;margin-collapse:separate;margin:.5em auto}.km-widget.km-buttongroup{padding:0;border-color:transparent;background:0;white-space:nowrap;display:table}.km-buttongroup>.km-button{display:table-cell}.km-widget.km-buttongroup .km-button{margin:0;border-width:1px 0 1px 1px;padding:.48em .9em .44em}.km-tablet .km-buttongroup .km-button{padding:.4em .8em .34em}.km-widget.km-navbar .km-buttongroup{font-size:.95rem;line-height:1em;margin:0 0 .2em;display:inline-block;height:1.5em;top:-2px}.k-toolbar .km-buttongroup{margin:0;display:inline-block}.km-tablet .km-navbar .km-buttongroup{top:-1px}.km-widget.km-navbar .km-buttongroup>.km-button{font-size:1em;min-width:4rem;text-align:center}.km-tablet .km-navbar .km-buttongroup>.km-button{min-width:6rem}.km-view .km-buttongroup .km-button:last-child{border-right-width:1px}.km-ios .km-buttongroup .km-button{font-size:1.2em;font-weight:bold}.km-hide-title{display:none}.km-show-title:after{display:block;content:"\a0";height:0}.km-fill-title:after{height:auto}.km-footer .km-show-title:after{display:inline-block}.km-view-title,.km-dialog-title{position:relative;visibility:visible;text-align:center;font-size:1.4em;line-height:2.3em;margin-left:auto;margin-right:auto}.km-horizontal .km-view-title{line-height:2em}.km-root .k-toolbar,.km-navbar{padding:0;-moz-box-flex:1;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;position:relative;overflow:hidden;display:block;border-width:0 0 1px 0;background-color:#fff}.k-ff.km-root .k-toolbar,.k-ff .km-navbar{overflow:visible}.km-navbar .km-button{margin-top:.5rem;margin-bottom:.5rem}.km-navbar .km-no-title{padding-top:.7rem;padding-bottom:.7rem}.km-horizontal .km-navbar .km-button{margin-top:.3rem;margin-bottom:.3rem}.km-horizontal .km-navbar .km-no-title{padding-top:.5rem;padding-bottom:.5rem}.km-tablet.km-root .km-no-title{padding-top:.55rem;padding-bottom:.55rem}.km-tablet .km-navbar .km-button{margin-top:.45rem;margin-bottom:.45rem}.km-root .km-pane .km-navbar .km-no-title{visibility:visible;line-height:0}.km-on-ios.km-black-translucent-status-bar.km-app .km-header .km-navbar{padding-top:1.4em;background-clip:border-box}.km-on-ios.km-ios5.km-cordova .km-header .km-navbar,.km-on-ios.km-ios6.km-cordova .km-header .km-navbar{padding-top:0}.km-leftitem,.km-rightitem{z-index:1;position:absolute;right:.5em}.km-popup .km-rightitem{right:0}.km-leftitem{left:.5em;right:auto}.km-popup .km-leftitem{left:0}.km-leftitem,.km-rightitem{height:100%}.km-on-ios.km-black-translucent-status-bar.km-app .km-leftitem,.km-on-ios.km-black-translucent-status-bar.km-app .km-rightitem{height:auto}.km-leftitem>*,.km-rightitem>*{display:inline-block;vertical-align:middle}.km-leftitem:before,.km-rightitem:before{content:"\a0";display:inline-block;height:100%;width:0;vertical-align:middle}.km-root .k-toolbar{position:relative;display:block;vertical-align:middle;text-align:right;line-height:2.2em;border-style:solid;box-shadow:none;-webkit-box-shadow:none;padding:.55em 3.4em .55em .5em}.km-root .km-widget.k-toolbar{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.km-root .k-toolbar span.km-icon{vertical-align:middle}.km-root .k-toolbar .k-button-icon{padding-left:.4em;padding-right:.4em}.km-root .k-toolbar .k-button-icon .km-icon{margin-left:0;margin-right:0}.km-root .k-toolbar-resizable{overflow:hidden;white-space:nowrap}.km-root .k-toolbar>*{display:inline-block;vertical-align:middle;text-align:left;line-height:inherit}.km-root .k-toolbar .km-button{line-height:inherit}.km-root div.k-toolbar>.k-align-left{float:left;line-height:inherit}.km-root div.k-toolbar>.k-align-right{float:none}.km-root .k-toolbar>.km-button,.km-root .k-toolbar .km-buttongroup,.km-root .k-toolbar .k-split-button,.km-root .k-toolbar .k-widget,.km-root .k-toolbar .km-widget,.km-root .k-toolbar .k-textbox,.km-root .k-toolbar label,.km-root .k-toolbar .k-separator{margin:0 .4em}.km-root .k-toolbar .k-button-icontext .km-icon{margin-left:-0.15em}.km-root .k-toolbar .k-split-button{padding-left:0}.km-root .k-toolbar .k-split-button .km-button,.km-root .k-toolbar .km-buttongroup .km-group-start{margin:0}.km-root .k-toolbar .k-split-button>.km-button{padding-left:1em;padding-right:.6em}.km-root .k-toolbar .k-split-button .k-split-button-arrow{margin:0 0 0 -1px;padding-left:.2em;padding-right:.2em}.km-root .km-pane .k-toolbar .k-overflow-anchor{border-width:0;width:1.5em;height:100%;margin:0;font-size:2.2em;border-radius:0;position:absolute;top:0;right:0;padding:0}.km-root .k-overflow-anchor span.km-icon{position:absolute;top:50%;left:50%;margin:-0.5em 0 0 -0.5em}.km-root .k-overflow-anchor .km-icon:after,.km-root .k-overflow-anchor .km-icon:before{margin-left:0}.km-root .k-overflow-container .k-item{float:none;border:0}.km-root .k-overflow-container .k-overflow-button,.km-root .k-split-container .km-button{text-align:left;display:block;white-space:nowrap;margin:0 0 1px}.km-root .k-overflow-container li:last-child .k-overflow-button,.km-root .k-split-container li:last-child .km-button{margin:0}.km-root .k-overflow-container .km-buttongroup{padding:0}.km-root .k-overflow-container .km-buttongroup>li{display:block}.km-root .k-overflow-container .k-overflow-group{border-width:1px 0;border-style:solid;border-radius:0;padding:1px 0 0;margin:0 0 1px}.km-root .k-overflow-container .km-state-disabled{opacity:1}.km-root .k-overflow-container .k-overflow-hidden{display:none}.km-root .k-overflow-container .k-toolbar-first-visible,.km-root .k-overflow-container .k-overflow-group+.k-overflow-group{border-top:0;margin-top:0;padding-top:0}.km-root .k-overflow-container .k-toolbar-last-visible{border-bottom:0;margin-bottom:0}.km-root .k-overflow-wrapper .km-actionsheet-wrapper .km-actionsheet{overflow:hidden;overflow-y:auto}.km-tabstrip{padding:.4rem .7rem}.km-horizontal .km-tabstrip{padding:.2rem .7rem}.km-tabstrip{-moz-box-orient:horizontal;-webkit-box-orient:horizontal;-moz-box-align:start;-webkit-box-align:start;-ms-flex-align:start;flex-align:start;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-moz-box-pack:start;padding:0;text-align:center;word-spacing:-1em}.km-tabstrip .km-button{word-spacing:normal;box-shadow:none;-webkit-box-shadow:none;vertical-align:bottom}@media screen and (-webkit-min-device-pixel-ratio:0){.km-tabstrip{word-spacing:normal;width:100%}}.km-tabstrip .km-button{font-family:Arial,Helvetica,sans-serif;color:#a8a8a8;padding:.4em .8em;border-width:0;border-color:transparent;background:0;margin:0;text-align:center}.km-tabstrip .km-button:first-child{border-left:0}.km-tabstrip .km-button:last-child{border-right:0}.km-switch input[type=checkbox]{display:none}.km-switch,.km-checkbox{text-align:left;font-size:1rem;display:inline-block;width:6.4rem;height:2rem;line-height:2rem;position:relative;overflow:hidden}.km-switch-wrapper,.km-slider-wrapper{display:block;height:100%;width:100%;overflow:hidden}.km-switch-background,.km-slider-background{display:block;margin:0 1px 1px -5em;height:100%;width:200%}.km-switch-container{top:0;left:0;position:absolute;display:block;height:100%;width:100%;overflow:hidden;background:transparent;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.km-checkbox{width:1.8rem;height:1.8rem}.km-checkbox-checked:after{content:"\a0";display:block;width:100%;height:100%}.km-switch-handle{top:0;left:0;width:2.72em;height:100%;display:inline-block;margin:-1px 0 0 -1px;background-color:#000}.km-switch-label-on,.km-switch-label-off{display:block;width:130%;font-size:1em;line-height:2em;text-align:center;position:absolute;text-transform:uppercase}.km-switch-label-off{left:104%}.km-switch-label-on{left:-134%;text-shadow:0 -1px 0 rgba(0,0,0,0.3)}.km-list .km-switch{position:absolute;top:50%;right:.8rem;margin-top:-1rem}.km-listview-link:after{width:.5rem;height:.5rem;content:"\a0";display:inline-block;vertical-align:middle;margin-left:-0.2rem;border-style:solid;border-width:.24rem .24rem 0 0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.km-listview-wrapper>ul:not(.km-listview){margin:0 auto}.km-list,.km-listview{padding:0;margin:0;list-style-type:none}.km-listinset,.km-listgroupinset{margin:1em}.k-ff .km-listinset:after,.k-ff .km-listgroupinset:after{display:block;height:0;content:"\a0"}.km-listinset,.km-listgroupinset .km-list{overflow:hidden}.km-listview .km-switch{margin-top:-0.95rem;position:absolute;right:.8rem;top:50%}.km-listview .km-list{text-indent:0}.km-list>li,.km-widget .km-listview-link,.km-widget .km-listview-label{margin:0;display:block;position:relative;list-style-type:none;vertical-align:middle;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;padding:.5em .7em}.km-list>li{line-height:1.6em;overflow:hidden}.km-virtual-list{position:relative;width:100%;-webkit-transform:translateZ(0)}.km-virtual-list>li{width:100%;position:absolute;top:0;-webkit-transform:translateZ(0)}.km-widget.km-list .km-load-more,.km-widget .km-list .km-load-more{border-bottom:0}.km-list>li>*{line-height:normal}.km-group-title{display:block;font-weight:bold;padding:.2em 0;text-indent:.8em}.km-listgroupinset .km-group-title{margin-top:.65em;line-height:2em}.km-list:not(.km-virtual-list)>li:first-child{border-top-width:0}.km-list:not(.km-virtual-list)>li:last-child{border-bottom-width:0}.km-widget .km-listview-link,.km-widget .km-listview-label{line-height:inherit;text-decoration:none;margin:-0.5em -0.7em}.km-listview-link:after,.km-listview-label:after{border-color:#777;content:"\a0";display:block;position:absolute;right:1rem;top:50%;margin-top:-0.32rem}.km-filter-form{width:100%;padding:.5em 0;border:1px solid transparent;border-width:1px 0;-webkit-transform:translatez(0);-moz-transform:translatez(0);-ms-transform:translatez(0);-o-transform:translatez(0);transform:translatez(0)}.km-filter-wrap{position:relative;margin:0 .7em;padding:.2em .4em;border:1px solid transparent}.km-widget .km-filter-wrap:before{display:inline-block;vertical-align:middle;content:"\e0e9";font-size:1.6em;width:1em;height:1em;margin-right:-1em;color:inherit}.km-tablet .km-filter-wrap{max-width:24em;margin:0


text:
/*
    Theme Name: Mentor
    Theme URL: https://bootstrapmade.com/mentor-free-education-bootstrap-theme/
    Author: BootstrapMade.com
    Author URL: https://bootstrapmade.com
*/

.cke_toolbar_break{
   display: block;
clear: right !important;

}

.btn-file {
    background: transparent;
font-size: 14px;
color: #1fbdbd;
margin: 4px 0 0;
border: 0px;
}

#outerContainer .hiddenMediumView {
    display: none !important;
}

#mydiv {
background-color: lightblue;

}

.btn {
border-radius: 0px !important;
    }

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    background: transparent;
}

.pro-img-info {
    max-width:300px;
}

.cui-statusbar .cui-toolbar-buttondock {
    margin-top: 0px;
    height: 22px;
    padding: 0;
    background: red;
    margin-left: 5px;
    margin-right: 5px;
}

.paper {
    background: red;
    opacity: 1;
    height: 100%;
}

.errorMessages {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.creditcard  {
    float: left;
    display: table;
}
.btn-view-details {
    min-width: 100px;
    height: 32px;
    font-size: 12px;
    border-radius: 3px;
    border: 1px solid #e1e4e6;
    text-align: center;
    text-transform: uppercase;
    color: #9499a6;
    float: right;
    padding: 7px 14px 0 14px;
    cursor: pointer;
    font-family: "Montserrat", sans-serif;
}
.dataTables_length {
    float: left;
}
.dataTables_filter {
    float: right;
}
.dataTables_paginate {
    float: right;
    text-align: right;
    margin: 5px 0;
        margin-bottom: 5px;
}

.dataTables_info {
    float: left;
    margin-top: 4px;
    font-size: 13px;
}

.paging_full_numbers {
    width: 400px;
    height: 22px;
    line-height: 22px;
    margin-bottom: 10px;
}
.dataTables_paginate a {
    height: auto;
    margin-left: 5px;
    font-size: 13px;
    border: 1px solid #AAA;
        border-top-color: rgb(170, 170, 170);
        border-right-color: rgb(170, 170, 170);
        border-bottom-color: rgb(170, 170, 170);
        border-left-color: rgb(170, 170, 170);
    color: #999;
    background: #FFF;
    border-radius: 4px;
    padding: 4px 8px;
    cursor: pointer;
    text-decoration: none !important;
}

.dataTables_filter input {
    width: 200px;
    background: #fbfbfb;
        background-color: rgb(251, 251, 251);
    height: 30px;
    margin: 0 0 5px 6px;
    padding: 4px 10px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.topic-order {
    font-size: 16px;
    line-height: 22px;

}

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

.order-status-state {
    float: left;
    background: #9055ff;
    height: 21px;
    color: #fff;
    font-size: 11px;
    font-weight: 600;
    display: inline-block;
    padding-top: 4px;
    width: 100%;
    text-align: center;
    font-family: "Lato", sans-serif;
    text-transform: uppercase;
    line-height: 14px;
    border-radius: 3px;
}
.cta-2-form input[type="text"] {
    background-color: rgb(247, 247, 247);
    border: 1px solid #5fcf80;
    border-radius: 30px 0 0 30px;
    color: #2b5d83;
    font-size: 18px;
    font-weight: 100;
    margin-bottom: 2px;
    margin-left: -4px;
    min-width: 280px;
    padding: 6px 40px;
}

.pagination a {
  padding: 4px 18px;
  border-color: #007aff;
    color: #007aff;
border-radius: 10px;
    margin-right: 2px;
    font-size: 13px;
border: 1px solid #AAA;

}

blockquote, q {
	quotes: none;
}

label {
   display: inline !important;
}
.h4 {
    color: blue !important;
    font-size: 15px !important;
}
.dmh-answer {
    font-family: Arial,Helvetica,Verdana,"Bitstream Vera Sans",sans-serif;
    border-color: green gray;
    border-style: solid;
    border-width: 4px 1px;
    padding: 100px ;
    color: #4e4e4e;
}
.answer-sec {
    border-right: 2px solid #bcd5e3;
    border-left: 2px solid #bcd5e3;
    padding: 20px;
}
hr {
    margin-bottom: 10px;
    margin-top: 10px;
}
.navbar-collapse {

    padding-left: 0px;
    padding-right: 0px;
}
p {
    margin: 0 0 10px;
}
.toprofile {
    background-color: #fff;
    padding: 1px;
    border-radius: 10px;
    border: 1px solid red;
}
.right-menu li {
    border-bottom: 1px solid #b7dddc;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.main-main-sidebar {
    background-color: #ffcc66;
    border: 1px dashed #dedede;
    color: #1f2836;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 5px 30px 20px;
}

.MsoListParagraph {
    text-indent: 2px !important;
}

.odetails {
    background: #fafbfc none repeat scroll 0 0;
    border: 1px solid #dee7ee;
    margin-top: -1px;
    padding: 10px 10px 5px;
}
.h1, h1 {
    font-size: 25px;
}
.dmh-question {
    border-color: navy gray;
    border-style: solid;
    border-width: 4px 1px;
}
.fixedpull {
    margin-bottom: -30px;
}
.subject-pages {
    border: 1px solid gray;
    border-radius: 5px;
    margin-bottom: 24px;
padding: 20px;
}

.section-padding{
	padding: 20px 0px;
}
.amount {
    background: #f0fcff none repeat scroll 0 0;
    border: 1px dashed #dedede;
    box-shadow: 8px 8px 2px #888888;
    color: green;
    display: table;
    width: 100%;
    padding: 20px;
}

.form-control {
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555;
    display: block;
    font-size: 12px;
    height: 40px;
    line-height: 1;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100% !important;
}
.form-group {
    padding: 2px;
        width: 100%;
    float: left;
    margin-bottom: 2px !important;
}

.fullwidth {
     width: 100%;
}
.top-writer-foto img {
    max-height: 50px;
}
h1, h2, h3, h4, h5, h6{
    font-family: Open Sans, sans-serif;
    font-weight: 700;
    color: #4B4B4C;
}
th {
    text-align: center;
}
.profile-foto-public {
    border-radius: 50px;
    max-width: 150px;
}
.writerprofile {
    border: 3px solid #e0e0e0;
}

a{
    color: #1695a4;
}
a:hover, a:focus{
    color: #5fcf80;
}
/***********************************
Navigation bar
************************************/
.navbar-default .navbar-brand {
    color: #1695a4 !important;
}
.navbar-default {
    background-color: transparent;
}

.latest-order {
    background: #fcfcfc none repeat scroll 0 0;
    border: 1px solid #eee;
    border-radius: 3px;
    clear: both;
    margin: 0 0 20px;
    overflow: hidden;
    padding: 0.9375rem 1.25rem 1.25rem;
    transition: all 0.3s ease-in 0s;
}
#navtrans {
    background-color: transparent;
}
.course-text{
    padding: 84px;
}
.navbar-default .navbar-nav > li > a {
    color: #717f86;
    color: #216d7d;
    text-transform: uppercase;
}
.navbar-nav > li > a{
	padding: 0px;
	margin: 10px 0px;
	padding: 10px 10px;
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover
{
	color: #5FCF80;
    margin-bottom: 2px solid #216d7d !important;
}

.navbar-nav .active a{
    background: none !important;
    color: #5FCF80 !important;
    outline: none;
}

.btn-trial a{
	background-color: #5FCF80;
	color: #ffffff !important;
	border: 1px solid #5FCF80;
}
.container-header {
    width: 90%;
    margin: 0 auto;

}
.btn-trial a:hover, .btn-trial a:focus{
	border: 1px solid #5FCF80;
	background-color: #fff;
	color: #5FCF80 !important;
}
.navbar-default .navbar-brand {
    font-family: 'Dosis', sans-serif !important;
    font-weight: 600;
    padding: 0px;
    height: inherit;
    font-size: 25px;
    margin: 20px 0px;
}
.navbar-default .navbar-brand span{
	font-weight: 100 !important;
}
.navbar {
    margin-bottom: 0px;
    background: #fff;
}
.padding-zero{
	padding: 0px;
}
.mart20{
	margin-top: 20px;
}
/***********************************
Banner
************************************/
.banner{
	background: url('../img/bg-banner.jpg') no-repeat center top;
    background-size: cover;
	min-height: 580px;
    position: relative;
}
.bg-color{
	background-color: RGBA(12, 11, 11, 0.82);
	min-height: 580px;
}
.text-dec{
	font-size: 24px;
	padding: 10px 20px;
    margin: 15px 0;
	text-transform: uppercase;
    color: #fff;
}
.text-border{
	border: 5px solid #5FCF80;
	display: inline-block;
	margin-top: 150px;
}
.intro-para{
	font-family: 'Alegreya Sans', sans-serif;
	font-size: 45px;
	color: #fff;
	margin-top: 30px;
}
.quote .btn{
    background-color:
}
.modal-dialog {

}
.mouse {
    width: 25px;
    height: 45px;
    border: 2px solid #fff;
    position: absolute;
    bottom: 40px;
    left: 50%;
    margin-left: -12.5px;
    border-radius: 12px;
}
@-webkit-keyframes rotateplane {
    0%   {top:10px;}
    25%  {top:14px;}
    50%  {top:19px;}
    75%  {top:24px;}
    100% {top:28px;}
}
@-moz-keyframes rotateplane {
    0%   {top:10px;}
    25%  {top:14px;}
    50%  {top:19px;}
    75%  {top:24px;}
    100% {top:28px;}
}
@-o-keyframes rotateplane {
    0%   {top:10px;}
    25%  {top:14px;}
    50%  {top:19px;}
    75%  {top:24px;}
    100% {top:28px;}
}
.mouse::after {
    content: "";
    position: absolute;
    height: 5px;
    width: 5px;
    background-color: #fff;
    border-radius: 100%;
    left: 50%;
    top:10px;
    margin-left: -2.5px;
    transition:all 0.3s ease-in;

     -webkit-animation-name: rotateplane; /* Chrome, Safari, Opera */
    -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */
    animation-name: rotateplane;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.modal-content h4 {
    font-size: 1.5em;
    font-weight: 700;
}
.login-box-body {
    padding: 15px 30px;
}
.login-box-msg, .register-box-msg {
    margin: 0px;
    text-align: center;
    padding: 0px 20px 20px;
}
.modal-sm {
    width: 400px;
}
.padleft-right{
    padding-left: 5px;
    padding-right: 0px;
}
.big-text{
    font-size: 35px;
}
.small-text{
    font-size: 16px;
}
.quote .btn{
    background-color: #5fcf80;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  margin-top: 10px;
}
.quote .btn:hover, .quote .btn:focus{
    background-color: #fff;
    color: #5fcf80;
    border-color: #fff;
     -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
/***********************************
Features
************************************/
h2{
	font-size: 24px;

}
.bottom-line{
	width: 25px;
	height: 3px;
	background-color: rgb(99, 122, 145);
}
.fea{
	margin-top: 25px;
}
.fea-img {
  width: 20%;
}
.heading {
    width: 80%;
}
.fea i {
    font-size: 39px;
    color: #5FCF80;
    margin-top: 7px;
}
.heading h4 {
    font-size: 17px;
    line-height: 1.25;
    font-weight: 700;
    color: #000;
    margin: 10px 0px;
    text-align: left;
}
.heading p {
  text-align: left;
}
/***********************************
 Organisations
************************************/
#organisations{
    background-color: rgb(247, 247, 247);
}
.orga-stru
{
    background-color: #5FCF80;
    width: 109px;
    height: auto;
    padding: 10px 10px 25px 10px;
    text-align: center;
    border-radius: 0px 80px 99px 99px;
    -moz-border-radius: 0px 80px 99px 99px;
    -webkit-border-radius: 0px 80px 99px 99px;
    -o-border-radius: 0px 80px 99px 99px;
}
.orga-stru h3 {
    font-size: 36px;
    color: white;
    font-weight: bold;
}
.orga-stru p {
    font-size: 14px;
    color: white;
    font-weight: normal;
    line-height: 20px;
    padding-top: 15px;
}
.orga-stru i
{
    font-size: 150px;
    margin-top: 35px;
    color: rgb(255, 255, 255);
}
h3.det-txt {
    font-size: 40px;
    font-weight: bold;
    text-transform: uppercase;
}

br {
   display: block;
   margin: 5px 0;
}
h4.sm-txt {
    color: #5FCF80;
    font-size: 24px;
}
p.det-p {
    padding: 40px 0px;
}
#pricing{
    background: rgb(247, 247, 247);
}
/***********************************
Cta
************************************/
#cta-2{
    padding: 140px 0;
}
.cta-2-txt {
    font-size: 24px;
    padding-bottom: 15px;
    text-align: center;
    margin: 0 auto;
    line-height: 34px !important;
}
.cta-2-form input[type="email"] {
    border: 0px solid #CCC;
    padding: 13px 40px;
    font-size: 18px;
    color: #2b5d83;
    font-weight: 100;
    min-width: 280px;
    margin-left: -4px;
    margin-bottom: 2px;
    border: 1px solid #5fcf80;
    background-color: rgb(247, 247, 247);
    border-radius: 30px 0px 0px 30px;
}
.cta-2-form-submit-btn {
    font-size: 18px;
    text-transform: capitalize;
    color: #fff;
    background-color: #5fcf80;
    border: 2px solid #fff;
    padding: 7px 30px;
    margin-left: -4px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    border-width: 1px 1px 1px 0px;
    border-radius: 0px 30px 30px 0px;
}
/***********************************
Work Shop
************************************/
#work-shop {

    background: linear-gradient(to top, rgb(247, 247, 247) 50%, #f8da73 50%);
}
.loggedin{
    background-color: #fff;
}
.border-right {
    border-right: 1px solid rgba(0, 0, 0, 0.04);
}
.profile-foto img {
    border-radius: 50px;
    width: 50%;
    margin: 0 auto;
}
.orders-profile {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e0e0e0;
    padding: 20px 30px 10px;
    margin-top: 1px;
    color: #4e4e4e;
    float: left;
width: 100%;
}

.topwriters-search {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #e0e0e0;
    padding: 0px 30px 0px;
    margin-bottom: 15px;
    color: #4e4e4e;
}

.orders-menu {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #e0e0e0;
    padding: 5px 40px 20px;
    margin-top: 1px;
    color: #4e4e4e;
}

.service-box{
    background: #fff;
    padding: 30px 30px 80px;
    border: 2px solid #e0e0e0;

}
.dash li{
    background-color: rgba(0, 0, 0, 0.04);
    border-right: 1px solid #b7dddc;
    border-bottom: 1px solid #b7dddc;
    padding: 0 20px;
}

.dash-order li a{
    background-color: rgba(0, 0, 0, 0.04);
    border-right: 1px solid #b7dddc;
    border-bottom: 1px solid #b7dddc;
   margin-right: 1px;
   border-radius: 10px;
   font-size: 10px;
   text-transform: lowercase;
}

.dash li.current {
    background-color: transparent;
    border-bottom: 1px solid #fff;
    border-left-color: #9ec4e7;
    border-right-color: #9ec4e7;
    box-shadow: 0 5px #82a2d6 inset, 0 -8px 8px rgba(0, 0, 0, 0.11);
    color: #333;
    font-weight: 700;
}

.icon-box i {
    color: #5FCF80;
    font-size: 65px;
}
.ser-text {
    font-size: 24px;
}
.icon-box, .icon-text {
    padding: 20px;
}
/***********************************
Mentor Team
************************************/
.pm-staff-profile-image{
  width: 150px;
  height: 150px;
  background-color: #C6C6C6;
  border-radius: 50%;
  display: inline-block;
}
.pm-staff-profile-details {
    padding: 20px 20px;
}
.pm-staff-profile-name {
    font-size: 24px;
    text-transform: capitalize;
    color: #2b5d83;
}
.pm-staff-profile-title {
    text-transform: capitalize;
    color: #4b4b4b;
    font-weight: 500;
    padding: 12px 0px;
}
.pm-staff-profile-bio {
  text-transform: capitalize;
  color: #4b4b4b;
  font-weight: 100;
}
/***********************************
Testimonial
************************************/
#testimonial{
    background-color: #111;
}
.bg-white{
    background-color: #fff !important;
}
.text-comment{
  background-color: rgb(255, 255, 255);
  padding: 20px;
}
.text-par{
  font-size: 20px;
  padding-bottom: 15px;
}
/***********************************
Course
************************************/
[class*=" imghvr-"] figcaption, [class^="imghvr-"] figcaption {
    background-color: #5FCF80;
}
[class*=" imghvr-"], [class^="imghvr-"] {
    background-color: #5FCF80;
    color: #fff;
}
/***********************************
Price Table
************************************/
.price-table {
    box-shadow: 0px 0px 1px 0px RGBA(0, 0, 0, 0.4);
    position: relative;
}
.price-table .pricing-head {
    background: #fff;
    padding: 40px;
    display: table;
    width: 100%;
}
.checkbox-inline, .checkbox-inline + .checkbox-inline, .checkbox-inline + .radio-inline, .radio-inline, .radio-inline + .radio-inline, .radio-inline + .checkbox-inline {
    margin-left: 0;
    width: 150px;
}
.price-table .pricing-head h4 {
    font-size: 22px;
    color: #232c3b;
    margin-top: 0px;
    letter-spacing: 1px;
    border-bottom: 1px solid #232c3b;
    padding-bottom: 20px;
}
.pricing-head .amount {
    font-size: 60px;
    font-weight: bold;
}
.pricing-head .curency {
    display: inline-block;
    position: relative;
    top: -30px;
    font-size: 20px;
}
.price-in {
    background: #fff;
    text-align: center;
}
.btn-bg {
    border: 0px;
    border-radius: 0px;
    color: #fff !important;
    padding: 20px 0px;
    font-weight: bold !important;
    font-size: 14px;
    background-color: #5fcf80;
}
/***********************************
Contact Us
************************************/
.contact form .form {
    width: 100%;
    height: auto;
    padding: 15px 15px 12px;
    font-size: 18px;
    margin-bottom: 18px;
    color: #7f7f7f;
    letter-spacing: 0.5px;
}
#contact .form-control {
    background: #fafafa;
    border: 1px solid rgba(119, 81, 81, 0.34);
    width: 100%;
	margin-bottom: 15px;
    border-radius: 0;

}
.textarea {
    height: 228px;
    max-width: 100%;
    max-height: 229px;
}
.light {
    font-weight: 100;
}
.white{
    color: #fff !important;
}

.validation {
    color: red;
    display:none;
    margin: 0 0 20px;
    font-weight:400;
    font-size:13px;
}

#sendmessage {
    color: green;
    border:1px solid green;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}
/***********************************
Footer
************************************/
.footer {
    background: #111;
    color: #ccc;
    margin-top: 30px;
}
.footer a {
    color: #fff;
}

.footer h3{
	font-weight: 300;
	letter-spacing: 0.05em;
	margin: 0 0 40px;
	font-size: 24px;
}
.footer .form-control {
    border-radius: 30px;
    border: none;
    background: rgba(255,255,255,.1);
    padding-left: 30px;
    color: #e5e6e7;
    margin-bottom: 0;
    height: 48px;
}

.btn-success{
    background-color: #1695a4 !important;
   border-color: #1695a4 !important;
}
.footer .social-links li a {
    color: #fff;
    font-size: 32px;
    line-height: 50px;
    border-radius: 50%;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.footer .social-links li {
    display: inline-block;
    margin: 0 25px 25px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.footer .mc-trial {
    margin: 20px 0;
}
.footer .social-links {
    list-style: none;
    padding: 0;
    padding: 40px 0 0;
    border-bottom: 1px solid rgba(255,255,255,0.2);
}
.btn-submit:hover, .btn-submit:focus{
    background-color: #5fcf80;
    color: #fff;
}
.btn-submit{
	padding: 14px 12px;
	border-radius: 50px;
	text-transform: uppercase;
    background-color: #5fcf80;
    color: #fff;
}
.btn-submit i{
	padding-left: 8px;
}

.btn-sec {
    margin-top: 20px;
}
.ser-btn {
    padding: 10px 18px;
    border: 0px;
    background-color: #222935;
    color: #fff;

domain: css


text:
/*
design.css
----------		Par Cam et mateo21
Créé le 10 fevrier 2009

Description : feuille de style du site reprenant notamment l'ensemble des anciennes feuilles, adaptées pour le nouveau design.
*/

/* ---------------------------------------------------------------------------------------------------------------- */
/* -------------------------------->>> CSS DES BALISES GENERIQUES <<<---------------------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */
/*@font-face
{
    font-family: TrebuchetMS;
    src: local('Trebuchet MS'), url('fonts/trebuc.ttf') format('truetype');
}

@font-face
{
    font-family: TrebuchetMS;
    font-weight: bold;
    src: local('Trebuchet MS'), url('fonts/trebucbd.ttf') format('truetype');
}

@font-face
{
    font-family: TrebuchetMS;
    font-style: italic;
    src: local('Trebuchet MS'), url('fonts/trebucit.ttf') format('truetype');
}

@font-face
{
    font-family: TrebuchetMS;
    font-weight: bold;
    font-style: italic;
    src: local('Trebuchet MS'), url('fonts/trebucbi.ttf') format('truetype');
}*/

body
{
    margin: 0;
    padding: 0;
    background-color: #FFF;
    font-family: TrebuchetMS, "Trebuchet MS", Verdana, Tahoma, sans-serif;
    font-size: 0.8em;
    color: #1F1F1F;
    min-width: 1000px;
}

h1
{
    color: #1877D5;
    padding-left: 30px;
    font-size: 2em;
    font-weight: 100;
    background: url("images/designs/2/icone_h1.png") no-repeat left 3px;
    margin-bottom: 8px;
    margin-top: 8px;
    max-width: 80%;
}

h1.page_statique
{
    background: none;
    color: #FFF;
    margin: 0;
    padding: 37px 0 0 15px;
    text-align: center;
}

h1 + h2
{
    margin-top: 0;
    margin-bottom: 20px;
    color: #696969;
    font-size: 1em;
    font-weight: 100;
    letter-spacing: 0;
    text-align: left;
}

h2
{
    text-align: center;
    font-size: 1.7em;
    letter-spacing: 1px;
    color: #E8A22B;
}

h4
{
    font-weight:bold;
    font-size:1.2em;
    font-style:italic;
    color: #1877D5;
    margin: 0;
    margin-left:50px;
}

hr
{
    border: 0;
    border-top: 2px solid #9F9F9F;
    border-bottom: 1px solid #CCC;
    margin-top: 20px;
    margin-bottom: 20px;

}

hr.clearehr
{
    border: 0;
    clear: both;
    margin: 0;
    padding: 0;
    visibility: hidden;
}

hr.panier
{
    margin-top: 5px;
    margin-bottom: 5px;
}

.panier_nb_produit{
    width: 100%;
    text-align: center;
}

a:link, a:visited, a:active { color: #2677C9; text-decoration: none; }
a:hover { color: #C87B02; }
a img { border: 0 }
a img:active { background: none; }
img { border: none;	vertical-align: middle; }
img.logo
{
    width: 100px;
}
label {	cursor: pointer; }
fieldset
{
    margin: 10px 0 20px 0;
    padding: 14px 10px 7px 10px;
    background-color: #F8FAFD;
    border: 2px solid #E3E7EC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}
fieldset.connexion
{
    background-color: #F8FAFD;
    border: 2px solid #E3E7EC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    min-height: 320px;
}

fieldset.connexion2
{
    background-color: #F8FAFD;
    border: 2px solid #E3E7EC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    height: 350px;
}
.tab_co
{
    width: 40%;
}
legend
{
    color: #1877D5;
    padding: 3px 10px;
    font-weight: bold;
    background: #B2DAFD url("images/designs/2/bg_grosse_cat.png") repeat-x bottom;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

legend img {
    vertical-align: baseline;
}
legend.sous_fieldset
{
    border-radius: 5px;
    -moz-border-radius: 5px;
    background:#2B2A2D url(images/designs/2/bg_petite_cat.png) repeat-x scroll 24px 0;
    color:#D8BB22;
    font-weight:bold;
    padding:3px 10px;
}
textarea
{
    width: 650px;
    height:200px;
    padding: 0.2em;
}
/*#bientot_lien { line-height: 1.3em;}*/
html>body textarea { width: 95%; }
#comment { width: 77%; }
textarea.petit_textarea { width: 280px;	height: 85px; }
input[type=button], input[type=submit], textarea, select { border: 1px solid #7B7B7B; }
input[type=button], input[type=submit]
{
    cursor: pointer;
    color: #222;
    background-color: #FFF;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}
input[type=button]:hover, input[type=submit]:hover { border:1px solid #F1AB37; }
input[type=button]:focus, input[type=submit]:focus, textarea:focus, select:focus { border: 1px solid #000; }
input[disabled] { background-color:#DDD; cursor:default; }
/* ---------------------------------------------------------------------------------------------------------------- */
/* ----------------------->>> FIN DES DEFINITIONS DU CSS DES BALISES GENERIQUES <<<-------------------------------- */
/* ---------------------------------------------------------------------------------------------------------------- */

#acces_rapide /* Liens rapides pour navigateurs non graphiques tels Lynx */
{
    /* text-indent: -50000px;
    font-size: 1px; */
    display: none;
}

/*	Stats membres / intersites	*/

.stats_sites, .intersites
{
    margin: 0;
    list-style: none;
}

.stats_sites
{
    padding: 0 0 0 20px;
    height: 1.45em;
    color: #5B9DE0;
    float:left;
}

.intersites
{
    padding: 0 20px 0 0;
    float: right;
}

.intersites li
{
    float: left;
    background-color: #F3F9FE;
    margin: 0 0 0 5px;
    padding: 0 0 0 10px;

    border-color: #B9DAFB;
    border-style: solid solid none;
    border-width: 1px 1px medium;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}

.intersites a
{
    float: left;
    display: block;
    padding: 2px 10px 0 0;
    text-decoration: none;
    color: #765;
}

.intersites a:hover { color: #000; }
.intersites .selected {
    background-color: #A2D0FD;
}

.intersites .selected a
{
    color: #333;
}

.intersites #speed_admin a{
    color: #a80303;
}

.stats_sites > li {	float: left; }
.stats_sites .last_items { float: left; padding-left: 4px }

#popup_amis
{
    display: inline;
    float: left;
    height: 1.45em;
}

#popup_amis ul { width: 130px; }

/* Menus popup */

.popup_menu ul
{
    position: absolute;
    z-index: 1001;
    list-style-type: none;
    display: none;
    padding: 0;
    margin-top: 0;
    background-color: #488AD4;
    border: #2568B1 1px solid;
    opacity: .90;
    filter: alpha(opacity=90);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.popup_menu ul li {	padding: 0; }

.popup_menu ul a:link, .popup_menu ul a:visited, .popup_menu ul a:active
{
    display: block;
    margin: 0;
    padding: 1px 2px;
    color: white !important;
}

.popup_menu ul a:hover { background: #E09821 url("images/designs/2/speedbarre/bg_speed.png") no-repeat right -27px; }

/*  Adresses  */
.adresses
{
    width:360px;
    height: 300px;
    margin: 5px;
}

.adresses_boutique
{
    width:360px;
    height: 260px;
    margin: 5px;
}

/*	Header	*/

#header
{
    height: 93px;
    /* overflow: hidden; */
    background: #79B6FC url("images/designs/2/bg_header.png") repeat-x top;
    margin-top:1.5em;
    clear:both;
}
#header .header_gauche {width: 208px;float: left;padding-left: 5px; padding-top: 8px; text-align: center;}
#header .header_droit {margin-left: 218px; position: relative; height:122px;/* overflow: hidden; */}

#publicite_header
{
    height : 76px; /* taille du header */
    margin : 0 300px 0 0;
    padding-top : 17px;
}

#publicite_banniere
{
    height:60px;
    width:468px;
    margin : 0 auto;
}

/*	Recherche et logbox	*/

#logbox
{
    width: 260px;
    height: 50px;
    background: #7EBAFC;
    -moz-border-radius : 10px; /* pour mozilla */
    -webkit-border-radius: 10px; /* pour safari et chrome */
    border-radius: 10px 10px;
    border : #9bc8fa 1px solid;
    padding: 7px 9px; /* + 1px avec la bordure*/
    margin: 14px 10px 0 0;
}
#logbox .avatar_membre
{
    max-width: 45px;
    max-height: 45px;
    border: 2px solid #99CCFD;
    float: left;
}
#logbox #mp_box
{
    float: right;
    width: 49px;
    height: 32px;
    margin-top: 4px;
}
#logbox #mp_box a
{
    display: block;
    padding: 1px 0 0 24px;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    width: 25px;
    height: 31px;
}
#logbox a:link, #logbox a:visited, #logbox a:active { color: #3669B5 }
#logbox a:hover { color: #FFF }
#logbox .new_mp {background: url("images/designs/2/logbox_mp.png") no-repeat right top;}
#logbox .no_mp  {background: url("images/designs/2/logbox_mp.png") no-repeat right -32px;}

#logbox div.bloc_inscription, #logbox div.bloc_connexion
{
    font-size: 0.8em;
    color: #D3E9FF;
    width: 48%;
    padding: 5px 0 0 5px;
    margin: 7px 0 0 55px;
    line-height: 135%;
}
#logbox div.bloc_inscription a, #logbox div.bloc_connexion a { color: #D3E9FF }
#logbox div.bloc_inscription { float: left; margin: 0 }
#logbox div.bloc_connexion { margin: 0 0 0 51% }
#logbox a strong.liens_invites {font-size: 1.5em;color: #174A86;}
#logbox a:hover strong.liens_invites { color: #C87B02 }

#infos_membre {margin-top: 5px; margin-left: 54px; }

#popup_menu_compte ul { width: 85px; z-index:2102;}
#popup_menu_compte { width: 105px; }

/** CSS Employments **/
#field_employment_search
{
    color: #717171;
    border: 0px solid #71A6E1;
}

#search_bar {
    background-image: url("images/designs/2/speedbarre/speed_barre_decoupe.png");
    background-position: 0 -58px;
    float: left;
    height: 29px;
    padding-right: 5px;
    position: absolute;
    right: 0;
    width: 326px;
}
#recherche { margin: 0 0 0 20px; text-align: center; z-index:2100; position: relative; }
#recherche input#champ_recherche {
    width: 119px;
    color: #717171;
    border: 1px solid #b9b9be;
    padding: 2px 5px 2px 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    height:15px;
    float:left;
    margin:2px 7px 0 1px;
}
#recherche select{
    border: 1px solid #b9b9be;
    width:90px;
    padding: 0px 1px 1px 2px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background-color: #fff;
    font-size:13px;
    float:left;
    margin:2px 8px 0 0;

}
#recherche p { margin: 2px 0 0; float:right;}
#recherche input[type=image]{ height:22px; margin-top:-3px }
#recherche img.icon_avancee, #logbox img.icone_more, input[type=image] { vertical-align: middle; }

.adress{
    width: 30%;
    height: 100px;
}
/*	Speedbarre	*/

.menuh_more{
    padding:5px 10px;
    clear:both;
    display:block;
    text-align:right;
}

ul#speedbarre
{
    margin: 0;
    padding: 95px 0 0 26px;
    list-style-type: none;
    height: 27px;
    background: url("images/designs/2/speedbarre/bg_left_speed.png") no-repeat left 95px;
}
ul#speedbarre li
{
    float: left;
    color: #FFF;
    font-variant: small-caps;
    letter-spacing: 1px;
    font-weight: bold;
}
ul#speedbarre li a
{
    display: block;
    line-height: 1.2em;
    background: url("images/designs/2/speedbarre/bg_speed.png") no-repeat right top;
    color: #FFF;
    padding: 6px 12px;
    height: 15px;
    text-align: center;
    text-decoration: none;
}
ul#speedbarre li a img { vertical-align: baseline; }
ul#speedbarre li a:hover, ul#speedbarre li a.last_item:hover { background-position: right -27px; }
ul#speedbarre li a.last_item { padding-right: 44px;background: url("images/designs/2/speedbarre/bg_right_speed.png") no-repeat right top; }

/*	Menus	*/
#menu
{
    float:left;
    width: 202px;
    color: #707070;
}
.ml
{
    margin: 20px;
}
.mleft
{
    margin-left: 20px;
}
.box_menu > h5
{
    width: 187px;
    height: 21px;
    margin: 0;
    padding: 7px 0 0 15px;
    background: #686868 url("images/designs/2/header_menus.png") no-repeat top right;
    color: #EBEBEB;
    font-size: 1em;
}
.box_menu .corpsmenu
{
    width: 194px;
    margin: 0 auto 15px auto;
    background: #FFF url("images/designs/2/bg_corps_menu.png") repeat-y left;
    border: 2px solid #D6D6D6;
    border-width: 0 2px 2px 2px;
    padding: 4px 2px;
}

.box_menu .corpsmenu p, .box_menu .corpsmenu ul, .box_menu .corpsmenu dl { margin: 0; }
.box_menu .corpsmenu ul, .box_menu .corpsmenu dl {list-style-type: none;padding: 0;}
.box_menu .menu_section, #menu_sondage .question_sd, .box_menu .corpsmenu dd {border-bottom: 1px solid #D1D1D1;padding: 5px;}
.box_menu .corpsmenu dt { padding: 5px 5px 0 5px; margin: 0 }
.box_menu .corpsmenu dd { padding-top: 0; margin: 0; color: #5B9DE0;}
.box_menu .corpsmenu ul li.last_idem_liste {border: 0;}
#formations_similaires ul li, #my_contributions ul li{border-bottom:0;padding:2px 0;}

.box_menu .liste_cours_menu h5 > a, .box_menu .liste_cours_menu h5 {font-size: 1em; color: #707070;}
.box_menu .liste_cours_menu h5 {margin:0; background : none; padding: 0;}

.img_etu_similaires
{
    max-width:130px;
}

.text_notepad
{
    overflow: hidden;
}

.liste_cours_menu {display: block;margin-left: 38px;}

.barre_msg
{
    border: solid 2px;
    padding: 9px;
    padding-left: 40px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    float:right;
    width:35%;
}
.button_connexion
{
    width: 150px;
    background: url("images/designs/2/bg_footer.png") repeat;
    margin: 33px 0 18px;
    border: solid 1px silver;
    padding: 3px;
    text-align: center;
    font-size: 1em;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.barre_info_zozor
{
    background:#E9E9E9 url("images/designs/2/zcode/info_zozor.png") no-repeat 9px center;
    border-color:#5D5B5C;
    color:black;
}

.barre_msg.barre_info
{
    background:#DFFFDF url("images/designs/2/zcode/zcode_info_tn.png") no-repeat 9px center;
    border-color:#9FCF9F;
    color:#005F00;
}

.barre_msg.barre_att
{
    background:#FFF0DE url("images/designs/2/zcode/zcode_attention_tn.png") no-repeat 9px center;
    border-color:#CFB99F;
    color:#5F3300;
}

.barre_msg.barre_error
{
    background:#ffe7e7 url("images/designs/2/zcode/zcode_erreur_tn.png") no-repeat 9px center;
    border-color:#b22222;
    color:#be0b0b;
}

/*	Contenu	*/

.contenu
{
    padding: 15px 10px;
    background: url("images/designs/2/bg_debut_contenu.png") repeat-x top;
    background-position: left -20px;
    clear: left;
}

#corps {margin-left: 212px;}
#corps ul {	list-style-image: url("images/designs/2/zcode/liste_img.png");}

#arbre {font-size: 0.8em;}
#arbre img { margin: 0 3px 0 5px }
#arbre img.first_puce { margin-left: 0 }

/*      Zozor   */
#zozor_position
{
    float:right;
    margin-right:120px;
    height: 1px;
    position:relative;
    top:-8px;
    right:-20px;
}

#zozor
{
    position:absolute;
    z-index:100;
}

#arrow_border_error
{
    width:0;
    height:0;
    line-height:0;
    border-top:12px solid transparent;
    border-left:20px solid #b22222;
    border-right:10px solid transparent;
    position:absolute;
    top:20px;
    right:-30px;
}

#arrow_inner_error
{
    width:0;
    height:0;
    line-height:0;
    border-top:12px solid transparent;
    border-left:20px solid #ffe7e7;
    border-right:10px solid transparent;
    position:absolute;
    top:18px;
    right:-22px;
}

#arrow_border_att
{
    width:0;
    height:0;
    line-height:0;
    border-top:12px solid transparent;
    border-left:20px solid #cfb99f;
    border-right:10px solid transparent;
    position:absolute;
    top:20px;
    right:-30px;
}

#arrow_inner_att
{
    width:0;
    height:0;
    line-height:0;
    border-top:12px solid transparent;
    border-left:20px solid #fff0de;
    border-right:10px solid transparent;
    position:absolute;
    top:18px;
    right:-22px;
}

#arrow_border_info
{
    width:0;
    height:0;
    line-height:0;
    border-top:12px solid transparent;
    border-left:20px solid #9ece9e;
    border-right:10px solid transparent;
    position:absolute;
    top:20px;
    right:-30px;
}

#arrow_inner_info
{
    width:0;
    height:0;
    line-height:0;
    border-top:12px solid transparent;
    border-left:20px solid #defdde;
    border-right:10px solid transparent;
    position:absolute;
    top:18px;
    right:-22px;
}

#arrow_border_info_zozor
{
    width:0;
    height:0;
    line-height:0;
    border-top:12px solid transparent;
    border-left:20px solid #5D5B5C;
    border-right:10px solid transparent;
    position:absolute;
    top:20px;
    right:-30px;
}

#arrow_inner_info_zozor
{
    width:0;
    height:0;
    line-height:0;
    border-top:12px solid transparent;
    border-left:20px solid #E9E9E9;
    border-right:10px solid transparent;
    position:absolute;
    top:18px;
    right:-22px;
}

/*	Page d'accueil	*/
.infobox
{
    background-color: #F8FAFD;
    border: 2px solid #E3E7EC;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin-bottom: 15px;
}
.infobox dd, .infobox dt{margin:0px; padding:0px;}
.infobox dl{padding:10px 5px 5px 45px; background:url("images/bg-menu.gif") repeat-x transparent; margin:0 0 5px 0; border: 1px solid #fff; position:relative;}
.icomenu{position:absolute; top:10px; left:5px;}
.infobox .conteneur_infobox { padding: 3px 6px;}
.infobox h3
{
    background: #808080 url("images/designs/2/homepage/bg_infobox_titre.png") repeat-x top;
    font-size: 1em;
    height: 18px;
    margin: 0;
    padding: 5px 14px;
    color: #FFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    display: block;
    border: none;
}
.infobox h3.light
{
    background: #808080 url("images/designs/2/homepage/bg_infobox_light.png") repeat-x top;
    font-size: 1em;
    height: 18px;
    margin: 0;
    padding: 5px 14px;
    color: #FFF;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    display: block;
    border: none;
}
.infobox h3 img { vertical-align: middle }
.infobox h3 a {	color: #B1D8FC; }
.infobox h3 a.blanc {	color: white; }
.infobox h3 a.fonce {	color: #1877D5; }

.cadre_photo
{
}
.cadre_photo img
{
    border: 2px solid #E3E7Ec;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 6px;
    margin: 20px 5px 20px 5px;
}

.cadre_photo h4
{
    font-size: 1em;
    color: black;
    margin: 0;
}

.cadre_photo table
{
    margin: auto;
}
table.cadre_submit_quizz
{
    width: 50%;
    margin: 20px 25%;
}
.pauto90
{
    width: 90%;
    padding: auto;
}
.p5px
{
    width: 90%;
    padding: 5px;
}

.pautof
{
    padding: auto;
    float: right;
}

.cadre_photo table td, table.cadre td
{
    padding: 30px 5px;
    margin: auto;
    vertical-align: top;
    width: 1%;
    text-align: center;
}

.liste_espacee li
{
    margin-top: 10px;
    margin-bottom: 10px;
}

h3, .conteneur_infobox h3
{
    font-size:1.5em;
    margin: 0;
    margin-left:20px;
    color: #E8A22B;
    font-weight: bold;
    background: transparent;
}

.bloc_left_home { float: left;	width: 48%; margin: 0;}
.bloc_right_home
{
    width: 48%;
    float: right;
    margin: 0 auto;
}

div.contenu_a_la_une
{
    padding: 8px;
    text-align: justify;
    margin: 0 auto;
    overflow: auto;
    height: 190px;
}

.contenu_a_la_une a img.padding-right_10 {padding-right: 10px;}
.contenu_a_la_une img.width_120,.width_120 {width: 145px;}
.contenu_a_la_une div.marginleft_140 {margin-left: 140px;}

.bloc_foot_right_home
{
    text-align:right;
    margin-right:8px;
}

.slideshowpause,.slideshowplay
{
    margin-left:8px;
    margin-right:8px;
    cursor:pointer;
}

.bloc_foot_right_home a
{
    border-bottom-left-radius:5px;
    border-bottom-right-radius:5px;
    border-top-left-radius:5px;


text:
/*
THIS CODE AND INFORMATION IS PROVIDED "AS IS" WITHOUT WARRANTY OF
ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO
THE IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A
PARTICULAR PURPOSE.

Copyright (c) Microsoft Corporation. All rights reserved
*/

/* styles */
#s3-content-source {
    -ms-flow-into: content3;
}

#s3-flexbox {
    display: -ms-flexbox;
    width: 100%;
    height: 300px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 20px;
    -ms-scroll-snap-type: mandatory;
    -ms-scroll-snap-points-x: snapInterval(0%, 100%);
}

.s3-container {
    -ms-flow-from: content3;
    box-sizing: border-box;
    border: 1px solid #ccc;
    width: 100%;
    height: 100%;
}


text:
/*!
 * jQuery UI CSS Framework 1.9.0
 * http://jqueryui.com
 *
 * Copyright 2012 jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=dddddd&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=dddddd&fcHeader=444444&iconColorHeader=0073ea&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=dddddd&fcContent=444444&iconColorContent=ff0084&bgColorDefault=f6f6f6&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dddddd&fcDefault=0073ea&iconColorDefault=666666&bgColorHover=0073ea&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=0073ea&fcHover=ffffff&iconColorHover=ffffff&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dddddd&fcActive=ff0084&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=0073ea&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=ff0084&fcError=222222&iconColorError=ff0084&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
 */

/* Component containers
----------------------------------*/
.ui-widget { font-family: Helvetica,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Helvetica,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #444444; }
.ui-widget-content a { color: #444444; }
.ui-widget-header { border: 1px solid #dddddd; background: #dddddd url(images/ui-bg_highlight-soft_50_dddddd_1x100.png) 50% 50% repeat-x; color: #444444; font-weight: bold; }
.ui-widget-header a { color: #444444; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #dddddd; background: #f6f6f6 url(images/ui-bg_highlight-soft_100_f6f6f6_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #0073ea; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #0073ea; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #0073ea; background: #0073ea url(images/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff; }
.ui-state-hover a, .ui-state-hover a:hover { color: #ffffff; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #dddddd; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ff0084; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ff0084; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #cccccc; background: #ffffff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #444444; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #444444; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #ff0084; background: #ffffff url(images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #222222; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #222222; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_ff0084_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_ff0084_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_0073ea_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_666666_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_0073ea_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ff0084_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px; }

/* Overlays */
.ui-widget-overlay { background: #eeeeee url(images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x; opacity: .8;filter:Alpha(Opacity=80); }
.ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .6;filter:Alpha(Opacity=60); -moz-border-radius: 0px; -khtml-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }


text:
@media (min-width: 992px) and (max-width: 1199px) {
    .single-hero-slides {
        height: 650px
    }
    .hero-content h2 {
        font-size: 42px
    }
    .kt-single-dish {
        padding: 25px 25px 15px
    }
    .kt-single-dish:after {
        width: calc(100% - 55px)
    }
    .section-heading {
        margin-bottom: 40px
    }
    .reservation-form,
    .contact-form {
        width: 400px;
        margin-right: 30px;
        padding-left: 15px
    }
    .reservation-form textarea.form-control,
    .contact-form textarea.form-control {
        height: 90px
    }
    .kt-footer-area .navbar-brand {
        margin-bottom: 20px
    }
    .dish-description {
        margin: 0 50px
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-toggler {
        border: 2px solid #fff;
        color: #fff;
        margin: 26px 0
    }
    .sticky .navbar-toggler {
        margin: 11px 0
    }
    #ktNav {
        padding: 30px;
        background-color: rgba(0, 0, 0, 0.95);
        box-shadow: 1px 9px 10px rgba(255, 255, 255, 0.15);
        border-radius: 0 0 3px 3px
    }
    .single-hero-slides {
        height: 600px
    }
    .hero-content h2 {
        font-size: 42px
    }
    .single-hero-slides:after {
        width: 50%
    }
    .hero-slides-nav {
        width: 300px;
        height: 170px
    }
    .kt-hero-area .owl-next {
        bottom: 148px;
        right: 278px
    }
    .section-heading {
        margin-bottom: 30px
    }
    .about-us-second-part:after {
        top: 145px;
        font-size: 100px
    }
    .about-us-second-part:before {
        left: 50px
    }
    .kt-single-dish {
        padding: 15px
    }
    .kt-single-dish:after {
        width: calc(100% - 45px)
    }
    .dish-info .dish-name {
        font-size: 14px
    }
    .kt-dish-menu:before {
        font-size: 100px;
        right: -20%;
        top: 30%
    }
    .reservation-form,
    .contact-form {
        width: 300px;
        margin-right: 30px;
        padding: 50px 0
    }
    .breadcumb-area:before,
    .reservation-side-thumb,
    .reservation-form-area,
    .contact-form-area {
        width: 50%
    }
    .kt-dish-menu{
        padding-bottom: 100px
    }
    .dish-description {
        margin: 0 30px
    }
    .dish-description h3 {
        font-size: 20px;
        margin-bottom: 10px
    }
    .kt-map-area {
        width: 50%
    }
}
@media (min-width: 320px) and (max-width: 767px) {
    .navbar-toggler {
        border: 2px solid #fff;
        color: #fff;
        margin: 26px 0
    }
    .sticky .navbar-toggler {
        margin: 11px 0
    }
    #ktNav {
        padding: 15px;
        background-color: rgba(0, 0, 0, 0.95);
        box-shadow: 1px 9px 10px rgba(255, 255, 255, 0.15);
        border-radius: 0 0 3px 3px
    }
    .single-hero-slides {
        height: 600px
    }
    .hero-content h2 {
        font-size: 36px
    }
    .single-hero-slides:after {
        width: 60%
    }
    .hero-slides-nav {
        width: 200px;
        height: 100px
    }
    .kt-hero-area .owl-next {
        bottom: 78px;
        right: 178px
    }
    .welcome-social-info {
        right: 15px
    }
    .hero-content p {
        margin-bottom: 30px
    }
    .kt-dish-menu{
        padding-bottom: 50px;
        padding-top: 50px;
    }
    .section-heading {
        text-align: left !important
    }
    .section-heading h2 {
        font-size: 30px
    }
    .kt-single-dish {
        padding: 20px;
        margin-bottom: 20px;
    }
    .kt-dish-menu .row .col-12:first-child .kt-single-dish:before {
        top: -15px;
        left: -15px
    }
    .kt-single-dish:after {
        width: calc(100% - 45px)
    }

    .section-heading {
        margin-bottom: 30px
    }
    .reservation-side-thumb,
    .reservation-form-area,
    .contact-form-area {
        width: 100%;
    }
    .kt-reservation-area{
        padding-top: 0;
        padding-bottom: 0;
    }
    .kt-contact-area{
        padding-top: 50px;
        padding-bottom: 0;
    }
    .reservation-form{
        width: 100%;
        margin-right: 0;
        padding-right: 15px;
        padding-left: 15px
    }
    .contact-form {
        width: 100%;
        margin-right: 0;
        padding: 15px;
    }
    .kt-dish-menu:before {
        right: -50%
    }
    .breadcumb-area:before {
        width: 70%
    }
    .portfolio-menu button {
        font-size: 12px;
        letter-spacing: 1px;
        margin: 0 5px
    }
    .food-menu-title > h2 {
        font-size: 80px;
        top: 200px
    }
    .dish-description h3 {
        font-size: 14px;
        margin-bottom: 10px
    }
    .dish-description {
        margin: 30px 0
    }
    .kt-map-area {
        width: 100%
    }
    .section-padding-100-0{
        padding-top: 50px;
    }
}
@media (min-width: 576px) and (max-width: 767px) {
    .dish-description {
        margin: 0 30px
    }
    .dish-description p {
        font-size: 14px
    }
    .kt-awards > img {
        margin: 0 7.5px
    }
}
.text-center:hover{
  cursor:pointer;
}


text:
/*
    Author: Aaron Young
    Date:   05/27/2021
    File:   styles.css
*/

/* reset */
* {
    margin: 0 auto;
    padding: 0;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

/* body */
body {
    color: white;
    margin: 0 auto;
    background-color: white;
}

main {
    width: 90%;
    background-color: lightslategray;
    height: 125vh;
}

/* Heading */
#container {
    height: 109px;
    padding: 5px;
    margin: 0 auto;
    display: flex;
    background-color: none;
    background-color: #4b4b4b;
}

#plaque {
    margin: 0 auto;
}

.centered {
    display: float;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 7%);
}

h1 {
    font-family: "Caesar Dressing", Trattetello, fantasy;
    font-variant: small-caps;
    font-size: 450%;
    width: 95%;
    margin: 0 auto;
    color: rgba(255, 255, 255, 0);
    -webkit-text-stroke: .25px black;
}

/* board */
#board {
    margin: 25px;
    padding: 10px;
    color: black;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

table {
    margin: 25px auto 0;
    width: auto;
    margin: 0 auto;
}

#board>table,
#board>tr,
.cell {
    border: 1px solid black;
}

.tile {
    width: 50px;
    height: 50px;
    display: block;
}

tr {
    height: 50px;
}

/* form */
form {
    clear: both;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

#setup {
    width: 66%;
    margin: 25px auto;
}

.display {
    width: 200px;
}

.columns {
    margin: 10px auto;
}

#submit {
    margin: 0 auto;
}

#selectPlayers {
    display: flex;
    margin: 10px auto;
    padding: 10px;
    width: 500px;
}

#player1, #player2 {
    border: none;
    border-radius: 100px;
}

#game {
    display: flex;
    justify-content: center;
}

#game>.playerDisplay {
    display: none;
}

/* Player Display */
.playerDisplay {
    background-color: #4b4b4b;
    margin: 25px;
    padding: 10px;
}

/* dice */
#dice {
    width: 33%;
    display: none;
}

.dice {
    height: 50px;
}

.diceImg {
    width: 50px;
}

#build {
    display: block;
}

/* buttons */
button {
    background-color: #0d81ff;
    color: white;
    border: 1px solid #0d81ff;
    padding: 5px;
    font-variant: small-caps;
    margin: 5px auto;
    width: 100px;
}

button:hover:not(disabled){
    background-color: white;
    color: #0d81ff;
}

#stuff {
    display: none;
    margin: 50px;
    margin-top: 0px;
    justify-content: center;
    background-color: #4b4b4b;
    padding: 5px;
    height: 225px;
}

#buttons {
    display: flex;
    flex-direction: column;
}

/*  Headings  */
h2,
h3,
h4 {
    font-variant: small-caps;
}

/* message */
#message {
    margin: 5px auto;
    height: 175px;
    width: 33%;
    text-align: center;
}


text:
/* UI defaults */
html,
body {
  background-color: #ffffff;
  color: #444444;
}

::-webkit-scrollbar,
::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background-color: #ffffff;
}

::-webkit-scrollbar-thumb {
  background-color: #eaeaea;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #dadada;
}

.header-win-title {
  color: #223541;
}

.min-btn-win:hover,
.max-btn-win:hover,
.unmax-btn-win:hover {
  background-color: #eeeeee;
}

.min-btn-win {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIgMTAiIGZpbGw9InJnYig2OCwgNjgsIDY4KSIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMSA0LjM5OVY1LjVIMFY0LjM5OWgxMXoiIC8+PC9zdmc+');
}

.max-btn-win {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIgMTIiIGZpbGw9InJnYig2OCwgNjgsIDY4KSIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMSAwdjExSDBWMGgxMXpNOS44OTkgMS4xMDFIMS4xVjkuOWg4LjhWMS4xeiIgLz48L3N2Zz4=');
}

.unmax-btn-win {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIgMTIiIGZpbGw9InJnYig2OCwgNjgsIDY4KSIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik0xMSA4Ljc5OEg4Ljc5OFYxMUgwVjIuMjAyaDIuMjAyVjBIMTF2OC43OTh6bS0zLjI5OC01LjVoLTYuNnY2LjZoNi42di02LjZ6TTkuOSAxLjFIMy4yOTh2MS4xMDFoNS41djUuNWgxLjF2LTYuNnoiIC8+PC9zdmc+');
}

.close-btn-win {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTIgMTIiIGZpbGw9InJnYig2OCwgNjgsIDY4KSIgc2hhcGUtcmVuZGVyaW5nPSJjcmlzcEVkZ2VzIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Ik02LjI3OSA1LjVMMTEgMTAuMjIxbC0uNzc5Ljc3OUw1LjUgNi4yNzkuNzc5IDExIDAgMTAuMjIxIDQuNzIxIDUuNSAwIC43NzkuNzc5IDAgNS41IDQuNzIxIDEwLjIyMSAwIDExIC43NzkgNi4yNzkgNS41eiIgLz48L3N2Zz4=');
}

/* Mac Header */
.header-mac-title {
  color: #333333;
}

.lineNo {
  color: #c8c8c8;
}

.input {
  color: #444444;
}

.lineError,
.lineError:hover,
.lineError>div,
.lineNoError>div {
  color: #7e1818;
}

.syntaxError {
  color: #7e1818;
}

.errTitle {
  color: #7e1818;
}

.msgBox {
  color: #006699;
}

.divider::before {
  background-color: #eaeaea;
}

.output {
  color: #17586b;
}

.output>span::selection {
  background-color: rgba(231, 243, 255, 0.98) !important;
  color: inherit;
}

.answer:hover {
  background: rgb(245, 245, 245);
}

.action,
.noAction {
  color: #607d8b;
}

.noAction:hover {
  color: #607d8b;
}

.dialog-open-wrapper {
  background-color: rgba(244, 244, 244, 0.3);
  border: 1px solid #eaeaea;
}

.dialog-open-wrapper:hover {
  background-color: #f4f4f4;
}

.dialog-open-delete {
  color: #666666;
}

.dialog-open-delete:hover {
  color: #7e1818;
}

.dialog-about-title {
  color: #162e44;
}

.dialog-about-links {
  border-top: 1px solid #eaeaea;
}

.dialog-about-updateStatus {
  color: #666666;
}

/* Settings menu items */
#dialog-settings h3 {
  color: rgb(29, 63, 92);
}

.precision {
  border: 1px solid #e5e5e5;
  color: #333333;
}

.textBox {
  color: #666666;
}

.slider:before {
  background-color: white;
}

.slider.round:before {
  background-color: #ffffff;
}

.lastUpdated {
  color: #999999;
}

/* Plot */
text {
  fill: #444444;
}

/* UIkit Overrides */
.uk-modal {
  background-color: rgba(0, 0, 0, .6);
}

.uk-button-default {
  border-color: #e7eff7;
}

.uk-button-default:focus,
.uk-button-default:hover {
  border-color: #c9dcef;
}

.uk-button-danger,
.uk-button-danger:focus {
  background-color: #f5f5f5;
  border-color: #e5e5e5;
  color: rgba(189, 46, 46, 0.9);
}

.uk-button-danger:hover {
  background-color: #f5f5f5;
  border-color: rgba(189, 46, 46, 0.3);
  color: rgba(189, 46, 46, 0.9);
}

.uk-button-danger:active {
  background-color: #eeeeee;
}

.uk-button-danger:disabled:hover {
  background-color: transparent;
  border-color: #e5e5e5;
  color: #999999;
}

.uk-select {
  color: #444444;
}

.uk-notification-message-primary {
  color: #2196f3;
}

/* CodeMirror Overrides */
.cm-s-numara .CodeMirror-selected {
  background: #c9e0f7 !important;
}

.cm-s-numara .CodeMirror-linenumber {
  background-color: #ffffff !important;
}

.cm-s-numara .CodeMirror-scrollbar-filler,
.cm-s-numara .CodeMirror-gutter-filler {
  background-color: #ffffff !important;
}

.cm-s-numara .CodeMirror-dialog-top {
  background-color: #ffffff !important;
}

.cm-s-numara .CodeMirror-matchingbracket {
  color: #999999 !important;
}

.CodeMirror-hint:hover {
  background-color: #eaeaea;
  color: #162e44;
}

li.CodeMirror-hint-active {
  background-color: #367ea1;
  color: #ffffff;
}

.cm-s-numara .cm-currency {
  color: #009688 !important;
}

.cm-s-numara .cm-unit {
  color: #005cc5 !important;
}

.cm-s-numara .cm-scope {
  color: #be6317 !important;
}

.cm-s-numara .cm-number {
  color: #333333 !important;
}

.cm-s-numara .cm-operator {
  color: #888888 !important;
}

.cm-s-numara .cm-comment {
  color: #bebebe !important;
}

.cm-s-numara .cm-function {
  color: #6f42c1 !important;
}

.cm-s-numara .cm-udf {
  color: #6f42c1 !important;
}

.cm-s-numara .cm-text {
  color: #333333 !important;
}

.cm-s-numara .cm-variable {
  color: #57707c !important;
}

.dialog-udfu .CodeMirror {
  border: 1px solid #eaeaea !important;
}