*{margin:0;padding:0;font-family: Arial, Helvetica, sans-serif;font-size: 12px;
 /*-moz-user-select: none; -webkit-user-select: none; -ms-user-select:none; user-select:none;-o-user-select:none;*/
}
html{overflow: hidden;}
body{background-color: #F6F6F6;}
a{text-decoration: none; color:grey;font-weight: 300;}
input, textarea{ outline: none; color: rgb(139, 139, 139);}
textarea { resize: none; }
.fa{font-size: 18px !important;}
.matrix{position: absolute;top:0;left:0;background-color: rgba(0, 0, 0, 0.6);width:100%;height:100vh;display: none;}
.wrapper{width:100%;text-align: center;position: relative;min-width: 380px;}
.main{padding-top:150px;}
.logo{width:80%;max-width: 300px;display: block;margin: 10px auto 20px;}
.error{display:flex;width:80%;max-width:300px;margin:10px auto;border-radius: 4px;border:solid 1px red;background-color: pink;padding:20px;}
.error .fa{color:red;margin-right:15px;font-size: 24px !important;}
.icon{margin-right:10px;color:red;}
.error p{text-align: left;}
.error a{text-decoration: underline;color:black;}
.btn_login{width: 80%; max-width: 300px;border-radius: 4px;margin:0 auto;
    background-color: #4485F1;color:white;font-size: 16px;padding:20px;border: none;}
.main a{display: block;padding-top:10px;}
.footer{position: absolute;bottom:0;width:100%;}
.disabled { pointer-events: none; opacity: 0.5; }
.loading-indicator { display: none; position: absolute; width: 100%; height: 5px; overflow-x: hidden;}
.loading-indicator .line { position:absolute; opacity: 0.4; background:#4a8df8; width:150%; height:5px; }
.loading-indicator .subline { position:absolute; background:#4a8df8; height:5px; }
.loading-indicator .inc { animation: increase 2s infinite; }
.loading-indicator .dec { animation: decrease 2s 0.5s infinite;  }
  
@keyframes increase {
 from { left: -5%; width: 5%; }
 to { left: 130%; width: 100%;}
}
@keyframes decrease {
 from { left: -80%; width: 80%; }
 to { left: 110%; width: 10%;}
}

.btn_create{cursor:pointer;background-color: #4485F1;color:white;display:flex;border-radius: 4px;overflow: hidden;line-height: 32px;}
.btn_create .lft{padding:0 10px;}
.btn_create .rgt{background-color:#3A78DF;padding:0 8px;height:30px;line-height: 38px;}

.select{line-height: 35px;padding:0 8px;}
.select:hover{background-color:#343434;cursor:pointer;}
.select .fa{color: #505050;margin-left:5px;}
.projectsBox{position: absolute;display:none;border-radius: 4px;background-color: #343434;color: white;padding: 10px; min-width: 200px;}
.projectSelect{padding: 8px 10px;border-radius: 4px;}
.projectSelect:hover{background-color: #505050;cursor:pointer;}

.create_dd{background-color: #4485F1;color:white;display:none;position: absolute;padding: 5px 5px;width: 155px;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);border-radius: 4px;}
.create_dd p{line-height:30px;padding:0 5px;}
.create_dd p:hover{cursor: pointer;background-color: #3A78DF;}
/*list*/
.header{background-color: black;color:white;display: flex;padding:10px;}
.avatar{overflow:hidden;margin-left:auto; color:#B9B9B9;line-height:35px;width:35px;height:35px;text-transform: uppercase;cursor:pointer;}
.avatar:hover{background-color: #343434;}
.list{background-color: #F6F6F6;padding:0 10px;}

.btn_settings{margin-left:auto;line-height: 32px;}
/* .icon_group{display: flex;justify-content: space-between;width: 124px;} */
.icon_group i{padding: 0 7px;}
.icon_group i:hover{cursor:pointer;}

.list_header{padding:20px 0 0;}
.list_header_line{display:flex;margin-bottom: 15px;}

.show_issue{margin-left:auto;display: flex;}

.items { min-height:70px; height:calc(100vh - 223px); overflow: auto; display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; margin: -5px; }
.item{position:relative; margin-top: 8px; background-color: white; padding: 5px 5px 5px 10px; border-radius: 3px; display: flex; box-shadow: 0px 4px 8px 0px #dfdfdf; min-width: 350px; max-width: 700px; margin: 5px; flex: 1 1 0; flex-wrap: wrap;}
.itemRibbon{background: red; width: 6px; border-radius: 6px;position: absolute;top: 5px;bottom: 5px; left:5px}
.fake-item{ border-left: solid 6px transparent; padding: 0 5px; display: flex; min-width: 350px; max-width: 700px; margin: 0 5px; flex: 1 1 0; max-height: 1px;}
.itemSettings .fa{padding:2px 4px 0 10px !important;cursor: pointer; position: absolute; right: 20px;}
.itemMenu{ display: flex; flex-direction: column; position: absolute; right: 0; top: 0; }
.itemSettings {width: 10px}
.itemIcons {height:60px}
.item .fa{padding: 0px 14px;height:20px;padding-top: 6px;}
.issue_info {height:60px;padding-left: 8px; width: calc(100% - 120px)}
.issue_info p { font-weight: bold; margin:5px 0; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.extraInfo p { font-weight: bold; margin:5px 0; text-align: left; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.selected{cursor:pointer;}

.extraInfo{display:none;border-top: solid 0.5px #cccccc;padding-top: 14px;margin-top: 14px; margin-left: 20px; margin-right: 20px; flex: 100%; }
.extraInfo .content { display:flex; }
.dropper { text-align: left; flex: 1 1 0; width: 0}
.dropper > span{color: #505050;font-size: 10px;text-align: left;padding-left:7px;}
.dropper ul{display: none;}
.issueSelector > .data { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}

.image_holder{overflow:hidden;position: relative;margin-left:5px;width:70px;height:60px;background-color: black;border-radius: 4px;}
.image_holder .info{position: absolute;top:-2px;right:-2px;background-color: white;border-radius: 20px;font-size: 10px;padding:2px 4px;}
.pos{font-size: 10px;}
.images{display: flex;}
.images img{width: 100%;min-height: 60px;max-height: 60px;min-width: 70px;max-width: 70px;}

.tracker_img_goLeft{position: absolute;bottom: 0;left:0;top: 0;padding: 32% 5px;}
.tracker_img_goRight{position: absolute;bottom: 0;right:0;top: 0;padding: 32% 5px;}
.tracker_img_goRight i,.tracker_img_goLeft i{font-size: 10px !important; padding:0 !important;}
.tracker_img_goRight:hover,.tracker_img_goLeft:hover{background-color: #ffffffad;cursor:pointer;}

.progress{background-color: transparent; border-radius: 20px;display: flex;width:135px;line-height: 20px;font-size: 12px;cursor:pointer;}
.circle{width:12px;height:12px;border-radius: 50%;margin: 5px;}
.green{background-color: #64FF00;}
.grey{background-color: #dddddd;}
.red{background-color: #ff0000;}

.list-footer{display: flex;padding: 15px 10px;position: fixed;bottom: 0;width: 94%;flex-wrap: wrap;background-color: #f6f6f6;min-width: 300px;}
.version{width:100%;color:#aaaaaa;text-decoration: none;}

.paginator{width: 42%;display: flex;line-height: 24px;}
.paginator .pages{display:flex; justify-content: space-evenly;}
.pages{width:100%;}
.pages span{width:24px;text-align: center;}
.go:hover{cursor: pointer;color:#4485F1;}
.paginator .fa{padding-top: 4px;}
.active{background-color: white;color:#4485F1;border-radius: 50%;width:24px;height:24px;}
.pageInput{width:400px;}
.pageInputField{width: 20px;border: solid 0.5px rgb(211, 211, 211);text-align: center;border-radius: 4px;padding: 2px 0px;}
.shower{margin-left: auto;line-height: 24px;}
.value{padding: 5px 8px;border-radius: 4px; line-height: 20px;min-width:70px;display:flex;}
.value i{display:none;}
.value:hover{background-color:#E9E9E9;cursor:pointer;}
.value:hover i{display: inline-flex;padding: 0 !important;margin-left: auto;}

.progressList { display:none; position: absolute; padding:5px 5px 1px; margin:0 auto; background-color: white; box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5); border-radius: 4px; }
.progressList .progress { line-height: 34px; border-radius: 4px; margin-bottom: 5px; background-color: white; padding-left:10px; }
.progressList .progress span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.progressList .progress .circle{margin-top: 10px;}
.progressList .progress:hover{cursor:pointer;background-color:#E9E9E9;}

.dropperBox{display:none;position: absolute;padding:5px 5px 1px;width:134px;margin:0 auto;background-color: white;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);border-radius: 4px;}
.dropperBox p{line-height: 34px;border-radius: 4px;margin-bottom: 5px;background-color: white;padding:0 10px;}
.dropperBox p:hover{cursor:pointer;background-color:#E9E9E9;}

.dropdownList{display:none;position: absolute;padding:5px 5px 1px;min-width:134px;margin:0 auto;background-color: white;box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);border-radius: 4px; max-height: 170px; overflow-y:scroll; max-width: 200px;}
.dropdownList p{line-height: 34px;border-radius: 4px;margin-bottom: 5px;padding:0 10px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.dropdownList p:hover{cursor:pointer;background-color:#E9E9E9;}

/*switch slider*/
.switch_box{margin-left:10px;width:35px;}
.switch {position: relative;display: inline-block;width: 30px;height: 18px;}  
.switch input { opacity: 0;width: 0;height: 0;} 
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 14px;width: 14px;left: 3px;bottom: 2px;background-color: white;-webkit-transition: .4s;transition: .4s;}

input:checked + .slider {background-color: #4485F1;}
input:focus + .slider {box-shadow: 0 0 1px #4485F1;}
input:checked + .slider:before {-webkit-transform: translateX(11px);-ms-transform: translateX(11px);transform: translateX(11px);}

/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}

/*Model Settings*/
.modelSetting{background-color: white;border-radius: 4px;padding:10px 0;width: 200px;margin:0 auto;position: absolute;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);left: 50%;transform: translateX(-50%);display: none;}
.liner{padding:10px;display: flex;line-height: 18px;cursor: pointer;}
.liner i{text-align: left;width: 30px;}
.liner .switch_box{margin-left: auto;}
.borderBottom{border-bottom:solid 1px rgb(211, 211, 211);}

.viewpoints{padding:10px 21px 10px 10px;display: flex;line-height: 18px;cursor: pointer;}
.viewpoints i{text-align: left;width: 30px;}
.viewpointBox{display:none;background-color: #f3f3f3;}
.viewpointBox p{padding:0 0 0 30px;line-height: 32px;}
.viewpointBox p.disable{color:#c2c2c2;}
.viewpointBox p:not(.disable):hover{background-color: #4485F1;color:white;cursor: pointer;}

/*Filters*/
.closer{font-size: 24px;margin: 5px 10px 0 15px;cursor:pointer;}
.filterHeader{display:flex;padding-top:10px;line-height:24px;}
.filterHeaderRight{display:flex;width:40%;margin-left:auto;justify-content: flex-end;}
.filterBox{background-color: white;border-radius: 4px;margin-top:5px;width:95%;position: absolute;top: 10px;left: 10px;display: none;
    left: 50%;transform: translateX(-50%);}
.filterBox h2{font-size: 18px;padding-left:10px;}
.filterBox h3{text-transform:uppercase;padding: 20px 10px 0;}
.box {padding-bottom: 10px;}
.boxGroup{display: flex;flex-wrap: wrap;align-items: normal;padding:0 10px;justify-content: space-between;}
.dropdown {position:relative;margin-bottom:10px;display:flex;flex-wrap:wrap;padding:10px 10px 0;line-height:18px;width:43%;border:solid 0.5px rgb(211, 211, 211);color:rgb(139, 139, 139);border-radius: 4px;min-height:30px; align-self: flex-start;}
.dropdown > i {margin-left:auto;color:black; cursor: pointer; }
.dropdown > div { margin-left: auto; }
.dropdown > div > i { color: #000000; cursor: pointer;}
.dropdown .clear-dropdown { color: #00000060; }
.dropdown .active-value { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: calc(100% - 30px); }
.dropdownActive{border-color:#4485f1;}
.dropdown:nth-child(2n + 2){margin-right:0;}
.boxLine{display:flex;justify-content: space-between;padding:10px;}
.inputer{padding:10px;line-height:18px;width:43%;border:solid 0.5px rgb(211, 211, 211);color:rgb(139, 139, 139);border-radius: 4px;margin-bottom: 10px;}
.inputer:focus {border-color:#4485f1}
.inputer input{outline: none;border:none;width:100%;}
.boxFooter{background-color: #F6F6F6;display: flex;padding:15px 10px;justify-content: flex-end;border-radius: 0 0 4px 4px;}
.btn{padding:10px 14px;border-radius: 4px;cursor: pointer;}
.btn_grey{background-color:#F6F6F6;border:solid 1px rgb(200, 200, 200);padding:2px 12px;border-radius: 4px;max-height: 24px;}
.btn_grey i{margin-left:8px;}
.btn_pri{border:solid 1px #4485F1;background-color: #4485F1;color:white;font-size: 14px;}
.btn_sec{border:solid 1px rgb(139, 139, 139);font-size: 14px;font-weight: bold;}

.filterItem{display: flex; padding: 2px 8px;border-radius: 4px;background-color: #2196F3;color: white;margin:0 5px 5px 0;height:18px;max-width: calc(100% - 35px);}
.filterItemValue { display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.filterItemRemover { margin-left:8px; cursor: pointer; }

.dd_title{position: absolute;top:13px;padding: 0 5px;height: 10px;line-height: 14px;background-color: white;}

.fa-ellipsis-h{cursor:pointer;}
.clash_pinpoints{background-color: white;border-radius: 4px;width: 200px;position: absolute;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);display: none;padding:5px;}
.clash_pinpoints p{line-height:30px;padding:0 10px;display: flex;}
.clash_pinpoints p:hover{cursor:pointer;background-color:#E9E9E9;}
.clash_pinpoints p i{margin-right:10px;line-height: 30px;}

.profileHub{background-color: #343434; color: white;border-radius: 4px;width: 200px;position: absolute;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.5);display: none;padding:10px;}
.profileHub p{line-height:30px;padding:0 10px;display: flex;cursor: pointer;}
.sel:hover{background-color:#505050;}
.profileHub p i{margin-right:10px;line-height: 30px;width: 15px;}
.hubList{margin-bottom: 5px;}
.hubList p{cursor:pointer;}
.hubList .selected{border-radius: 4px;background-color: #505050;color:white;}
.hubList .selected:after{font-family:"Fontawesome";content:"\f00c";margin-left: auto;}

.inputField{outline: none;border: none;width: 100%;}

/*test*/
.testBtn{color:red;margin: 10px;position: fixed;top: 0;right: 0;font-size: 12px !important;}
.testArea{display:none;background-color: gainsboro;border:solid 0.5px black;margin:10px 0;border-radius:4px;overflow: auto;max-height:250px;text-align: left;}
.multi_issueBox_btns{display: none;justify-content: flex-end;padding: 0 10px;}
/*Create Issue*/
.issueMain{padding-top: 20px;min-width: 500px;max-width: 500px;}
.issueMain .dropdown{background-color: white;}
.issueBox{display:flex;padding:0 10px;}
.issueBox_col{width:50%;}
.issueBox_btns{display:flex;justify-content: flex-end;padding:0 10px;}
.issueBox_btns .btn{margin-left:5px;}
.issueBox_right{text-align: right;width: 49%;margin-left: auto;}
.issue_dueDate{background-color: white;text-align: left;}
.imageBox{width:47.5%;}
.imageBox_btns{display:flex;justify-content:space-between;}
.imageBox_btns > span { cursor: pointer; }
.imgHolder{position: relative;background-color: white;overflow: hidden;width: 100%;height: 148px;margin-bottom: 10px;border-radius: 4px;border: solid 0.5px rgb(211, 211, 211);}
.issue_img{max-height:150px;padding:0;display:flex;min-height: 147px;/*min-width: 240px;overflow: hidden;*/}
.issue_img_goLeft{position: absolute;bottom: 0;left:0;top: 0;padding: 32% 5px;}
.issue_img_goRight{position: absolute;bottom: 0;right:0;top: 0;padding: 32% 5px;}
.issue_img_goRight:hover,.issue_img_goLeft:hover{background-color: #ffffffad;cursor:pointer;}
.btn_cam{border:solid 0.5px rgb(211, 211, 211); border-radius:4px;background-color: white;}
.creaIssueImg{width:100%;}

/*Activation Window*/
.activationBox{text-align: right;width: 80%;margin-left: auto;}

/*Edit Window*/
.tabsBox{width:500px;background-color: #e6e6e6;border-radius: 4px; margin: 20px 10px 10px 0;}
.tabs{display:flex;justify-content: space-between;}
.tabs p{width: 50%;padding:5px 0;background-color:#f0f0f0;color:#c6c6c6;cursor: pointer;}
.tabs p.selected{background-color:#e6e6e6;color:black;}
.tabsContent{padding:10px;}
.tabsList{list-style: none;overflow: auto;margin-top: 15px;}
.tabsList li:nth-child(odd){background-color: #f2f2f2;}
.tabsList li{padding:5px;text-align: left;position: relative;}
.tabsList li .dater{color: #a8a8a8;padding: 5px 0;margin-bottom: 5px;}
.tabsList li .typer{color:white;height:32px;width:32px;border-radius: 50%;line-height: 34px;text-align: center;margin:12px 10px 0 0;}
.more, .deleter{position: absolute;top:2px;right:2px;font-size: 14px !important;cursor:pointer;}
.wIcon{display: flex;flex-wrap: wrap;}
.changesBox{display:none;padding:5px;width:100%;}
.changesBox p{border-top: solid 0.5px #d5d5d5;padding:5px 0;}
.changesBox p span{width:50%;display:inline-block;}

.attach_li .download{padding:5px;color:white;background-color: rgb(70, 136, 244);margin-right: 5px;line-height: 14px;}
.attach_li{display: flex;padding:10px 5px !important;line-height: 26px;}
.attach_li .deleter{margin-left:auto;}

/*export window*/
.exportTitle{padding:5px 20px;text-align: left;font-weight: bold;font-size: 14px;border-bottom: solid 0.5px #e6e6e6;}
.exportGroup{padding:10px;background-color: white;}
.exportGroup p{text-align: left;}
.exportGroup .dropdown{width:auto;}
.doubleBtn{display: flex;width: 100%;border: solid 0.5px rgb(211, 211, 211);border-radius: 4px;margin-bottom: 10px;}
.doubleBtn p{width: 50%;text-align: center;border-right: solid 0.5px rgb(211, 211, 211);padding: 10px;}
.onn{background-color: #4485f1;color: white;}
.revisionBox{display: none;}
.revisionListHeader{background-color: #e3e1e1;padding:5px 0;display:flex;}
.revisionListHeader span{width: 50%;display: block;padding-left: 10px;}
.revisionList{border:solid 0.5px #e3e1e1;overflow: auto;max-height:136px;}
.revItem {padding:10px;display: flex;}
.revItem.selected{background-color: #4485F1;color:white;}
.revItem:not(.selected):hover{background-color:#E9E9E9;cursor:pointer;}
.revItem span{width:50%;display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.pdfBox{display: none;}
.sheetList{margin-bottom:10px;border:solid 0.5px rgb(211, 211, 211);border-radius: 4px;padding:10px 5px;overflow: auto;max-height: 120px;}
.sheetList p{line-height: 16px;display: flex;margin-bottom:8px;cursor:pointer;}
.sheetList p:last-of-type{margin-bottom:0;}
.sheetList p i{margin-right: 10px;}
.sheetList .fa-check-square{color:#4485f1;}
.totalSheets{font-weight:bold;font-size: 14px;}

.summaryBox p{padding-bottom:10px;}
/*.summaryBox{display: none;}*/

.greeny{color:#0ecd16;font-weight: bold;margin-bottom:10px;display:none;}
/*Viewpoint*/
.viewBox{margin:10px;}
.viewHolder{width: 100%;margin-bottom: 20px;background-color: white;height: calc(100vh - 130px);overflow: auto;}

.viewHolder img{width:100%;transition:all 1s ease;}
.viewHolder img.large{width: 200% !important;}

.viewCar{display: flex;}
.viewThumbs { display: flex; max-width: 100%; overflow-x: scroll; padding: 5px;}
.rightGroup { margin-left: auto; min-width: 200px; }
.viewThumbs img {margin-right:10px;min-width: 70px; width:70px;height:62px;border:solid 1px rgb(211, 211, 211);cursor:pointer;}
.viewThumbs img:hover { cursor: pointer; border-color: #4485F1; }
.viewing{box-shadow: 0 0 2px 2px #4485F1;border: none !important;}
.viewInfo { line-height: 80px; padding: 0 10px; display: flex; place-content: space-around;}
.viewThumb_goLeft{margin-right:10px;cursor: pointer;}
.viewThumb_goRight{cursor: pointer;}
.viewBtns{display: flex;line-height: 62px;width: 40px;justify-content: space-around;}
.viewControls{position: absolute;bottom:15px;right:5px;}
.viewControls p{background-color:white;cursor:pointer;margin: 5px;border:solid 0.5px rgb(211, 211, 211);border-radius: 4px;width: 26px;height: 26px;line-height: 30px;}

.localize-help { display: flex; flex-direction: row; width: 100vw; height: calc(100vh); position: absolute; top: 0; left: 0; background-color: #F6F6F6; }
.localize-help.hidden { display: none; }
.localize-help > div { margin: auto; text-align: center; }
.localize-help > div > i { color: #9e9e9e; font-size: 120px !important; padding-bottom: 20px; }
.localize-help > div > strong { font-size: 14px; display: block; margin-bottom: 8px; }
.localize-help > div > span { color: #666666; }

#export-result { text-align: left; }
#export-result > p { font-size: 14px; display: block; margin-bottom: 8px; font-weight: bold; padding: 10px; }
#export-result > .revisionList { max-height: 300px; border: none; padding-bottom: 20px; }
#export-result > .revisionList .revItem span:nth-of-type(1) { width:70%; }
#export-result > .revisionList .revItem span:nth-of-type(2) { width:30%; }

/*scroll bar*/
::-webkit-scrollbar {width: 10px;height:10px;}
::-webkit-scrollbar-thumb {background: #ccc; border-radius: 10px;}
::-webkit-scrollbar-thumb:hover {background: rgb(156, 156, 156); }

/*datePicker*/
/*!
 * Datepicker v1.0.9
 * Copyright 2014-present Chen Fengyuan
 * Released under the MIT license
 */
 .datepicker-container{background-color:#fff;direction:ltr;font-size:12px;left:0;line-height:30px;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:none;touch-action:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:210px;z-index:-1}.datepicker-container:after,.datepicker-container:before{border:5px solid transparent;content:" ";display:block;height:0;position:absolute;width:0}.datepicker-dropdown{border:1px solid #ccc;-webkit-box-shadow:0 3px 6px #ccc;box-shadow:0 3px 6px #ccc;-webkit-box-sizing:content-box;box-sizing:content-box;position:absolute;z-index:1}.datepicker-inline{position:static}.datepicker-top-left,.datepicker-top-right{border-top-color:#39f}.datepicker-top-left:after,.datepicker-top-left:before,.datepicker-top-right:after,.datepicker-top-right:before{border-top:0;left:10px;top:-5px}.datepicker-top-left:before,.datepicker-top-right:before{border-bottom-color:#39f}.datepicker-top-left:after,.datepicker-top-right:after{border-bottom-color:#fff;top:-4px}.datepicker-bottom-left,.datepicker-bottom-right{border-bottom-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-left:before,.datepicker-bottom-right:after,.datepicker-bottom-right:before{border-bottom:0;bottom:-5px;left:10px}.datepicker-bottom-left:before,.datepicker-bottom-right:before{border-top-color:#39f}.datepicker-bottom-left:after,.datepicker-bottom-right:after{border-top-color:#fff;bottom:-4px}.datepicker-bottom-right:after,.datepicker-bottom-right:before,.datepicker-top-right:after,.datepicker-top-right:before{left:auto;right:10px}.datepicker-panel>ul{margin:0;padding:0;width:102%}.datepicker-panel>ul:after,.datepicker-panel>ul:before{content:" ";display:table}.datepicker-panel>ul:after{clear:both}.datepicker-panel>ul>li{background-color:#fff;cursor:pointer;float:left;height:30px;list-style:none;margin:0;padding:0;text-align:center;width:30px}.datepicker-panel>ul>li:hover{background-color:#e5f2ff}.datepicker-panel>ul>li.muted,.datepicker-panel>ul>li.muted:hover{color:#999}.datepicker-panel>ul>li.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li.highlighted:hover{background-color:#cce5ff}.datepicker-panel>ul>li.picked,.datepicker-panel>ul>li.picked:hover{color:#39f}.datepicker-panel>ul>li.disabled,.datepicker-panel>ul>li.disabled:hover{background-color:#fff;color:#ccc;cursor:default}.datepicker-panel>ul>li.disabled.highlighted,.datepicker-panel>ul>li.disabled:hover.highlighted{background-color:#e5f2ff}.datepicker-panel>ul>li[data-view="month next"],.datepicker-panel>ul>li[data-view="month prev"],.datepicker-panel>ul>li[data-view="year next"],.datepicker-panel>ul>li[data-view="year prev"],.datepicker-panel>ul>li[data-view="years next"],.datepicker-panel>ul>li[data-view="years prev"],.datepicker-panel>ul>li[data-view=next]{font-size:18px}.datepicker-panel>ul>li[data-view="month current"],.datepicker-panel>ul>li[data-view="year current"],.datepicker-panel>ul>li[data-view="years current"]{width:150px}.datepicker-panel>ul[data-view=months]>li,.datepicker-panel>ul[data-view=years]>li{height:52.5px;line-height:52.5px;width:52.5px}.datepicker-panel>ul[data-view=week]>li,.datepicker-panel>ul[data-view=week]>li:hover{background-color:#fff;cursor:default}.datepicker-hide{display:none}
.disabled{background-color: gray!important;color: white;}