@charset "utf-8";

body { background: #ddd; font-family: 'Play', Arial, sans-serif; font-size: 13px; }

.box-header { margin-bottom: 5px; }
.box-header .box-tools i { margin-right: 5px; }


.signin-form { margin-top: 110px; }
.signin-form .login-form { max-width: 500px; padding: 10px 20px; margin: 0 auto; background: #2A3843; border: 1px solid #e5e5e5; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0 0px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 0px 4px rgba(0,0,0,.2); box-shadow: 0 0px 4px rgba(0,0,0,.2); color: #990000; font-weight: lighter; }
.signin-form .login-form .horizontal { display: block; clear: both; margin: 10px 0; width: 100%; height: 1px; background: #666; }
.signin-form .login-form .login-form-heading { display: block; color: #fff; text-align: center; font-size: 36px; }
.signin-form .login-form input[type="text"],
.signin-form .login-form input[type="password"],
.signin-form .login-form input[type="email"] { font-size: 15px; height: 45px; padding: 7px 9px; }
.signin-form .login-form .btn { font-size: 16px; }

#select-themes span { display: inline; display: inline-block; vertical-align: middle; width: 30px; height: 30px; margin: 0 5px; border-radius: 30px; box-shadow: 0px 0px 4px #999; }
#select-themes strong { display: block; text-align: left; font-size: 12px; }


.product-file { display: block; text-align: left; }
.product-file i { display: inline; display: inline-block; vertical-align: middle; font-size: 56px; }

select { cursor: pointer; }

.select-cats { position: relative; height: 170px !important; border: 1px solid #ddd; outline: 0 none; }
.select-cats option { padding: 5px; border-bottom: 1px solid #ddd; outline: 0 none; }

.document-status { background: #222D32; color: #fff; border: 0; outline: 0; }

.subtitle { display: block; font-size: 20px; font-weight: bold; margin: 0; padding: 15px 30px; color: #111; }

.table .dropdown { position: relative; background: #fff; }
.table .dropdown .dropdown-menu { background: #fff; z-index: 9999 !important; }
.table .fa-info-circle { font-size: 22px; }
.table tr:focus { background: #ddd; }
.table i { font-size: 16px; }
.table th, .table td { vertical-align: middle !important; }
.table th { border: 1px solid #999 !important; background: #222D32; line-height: normal !important; padding: 12px 10px !important; color: #fff; font-size: 15px; font-weight: normal; }
.table td { padding: 5px 10px !important; border: 1px solid #eee !important; font-size: 13px; }
.table td a { font-weight: bold; }
.table td a.text-blue { font-size: 14px; font-weight: bold; }


.navbar-nav .active-cat a { background: #3C8DBC !important; color: #fff; }

.sort-nav { width: 100%; margin: 0px; padding: 0px; }
.sort-nav > li { display: block; margin: 0px; padding: 0px; }
.sort-nav > li > a { display: block; margin: 5px 0; padding: 7px 16px; background: #eee; border-right: 1px solid #ddd; color: #111; font-size: 15px; }
.sort-nav > li > a i { margin-right: 3px; }
.sort-nav > li:hover > a, .sort-nav li.active > a, .sort-nav li.open > a { background: #3C8DBC !important; color: #fff !important; }
.sort-nav > li:last-child > a { border-right: 0 none; }
.sort-nav > li .dropdown-menu { padding: 5px; background: #eee; border: 0; border-radius: 0 }
.sort-nav > li .dropdown-menu li { display: block; margin: 0px; padding: 0px; line-height: normal; }
.sort-nav > li .dropdown-menu li a { display: block; margin: 0px; padding: 8px 10px; line-height: normal; border-bottom: 1px solid #ddd; background: #fff; color: #111; font-size: 14px; font-weight: normal; }
.sort-nav > li .dropdown-menu li.scat a { padding-left: 20px; color: #666; font-size: 13px; font-weight: normal; }
.sort-nav > li .dropdown-menu li a:hover { background: #ddd; }
.sort-nav > li .dropdown-menu li.active-cat a { background: #3C8DBC !important; color: #fff !important; }


.box-images { text-align: left; }
.box-images .box-image { position: relative; display: inline; display: inline-block; width: 150px; text-align: center; border: 5px solid #ccc; box-shadow: 0px 0px 2px #333; margin: 2px 0; padding: 0px; line-height: normal; background: #fff; text-align: center; }
.box-images .box-image .img { position: relative; overflow: hidden; width: 140px; height: 100px; display: block; padding: 0px; line-height: normal; text-align: center; }
.box-images .box-image .img i { font-size: 60px; margin-top: 20px; }
.box-images .box-image .img img { max-width: 100%; height: auto; vertical-align: middle; margin: 0px; padding: 0px; }
.box-images .box-image .btn { position: absolute; bottom: 0; left: 0; color: #fff; font-size: 18px; background: rgba(0, 0, 0, .5); padding: 3px 4px; line-height: normal; }
.box-images .box-image .btn:hover { background: #DD4B39; }
.box-images .box-image .deleteSelectedImage { position: absolute; top: 1px; right: 1px; color: #fff; font-size: 18px; background: rgba(0, 0, 0, .7); padding: 3px 4px; line-height: normal; touch-action: manipulation; cursor: pointer; border-radius: 3px; }
.box-images .box-image .deleteSelectedImage input { cursor: pointer; }
.box-images .box-image .form-control { margin: 4px 0; }

.sidebar-menu li a { font-size: 15px; padding-bottom: 5px; padding-top: 5px; }


.notice, .notice a { color: #fff !important; }
.notice { z-index: 8888; }
.notice a { font-weight: bold; }
.notice_error { background: #E46360; }
.notice_success { background: #657E3F; }


.ajax-search { position: relative; width: 98%; margin: 3px 1% 5px 1%; display: block; z-index: 5; }
.ajax-search input[type="text"] { color: #fff; font-size: 13px; }
.ajax-search span { width: 100%; display: block; color: #fff; }
.ajax-search #typeahead { display: block; width: 100%; height: 34px; line-height: 34px; padding: 0px 12px; outline: 0 none; background: #111; border: 0 none; color: #fff; }
.ajax-search .tt-hint { display: block; width: 100%; height: 34px; line-height: 34px; padding: 0px 12px; outline: 0 none; background: #1A2226; border: 1px solid #444; color: #999 !important; }

.ajax-search-notebook { width: 300px; float: left; margin: 0 20px 0 0; background: transparent; }
.ajax-search-notebook #typeaheadNotebook { display: block; width: 100%; height: 34px; line-height: 34px; padding: 0px 12px; outline: 0 none; background: #eee; border: 1px solid #ccc; color: #111; border-radius: 5px; }
.ajax-search-notebook .tt-hint { background: transparent; }

.ajax-search .tt-dropdown-menu { z-index: 10; background: #fff; border: 0 none; border-radius: 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); margin-top: 5px; padding: 10px; min-width: 450px; width: auto; }
.ajax-search .tt-suggestions { width: 100% !important; display: block; }
.ajax-search .tt-suggestion { width: 100% !important; display: block; padding: 5px 10px; margin: 0; color: #222; }
.ajax-search .tt-suggestion.tt-is-under-cursor { background: #eee; color: #DD4B39; }
.ajax-search .tt-suggestion .result_row { display: block; margin: 0; margin: 0; font-size: 14px; color: #222; }
.ajax-search .tt-suggestion .result_row a { display: block; text-decoration: none; }
.ajax-search .tt-suggestion .result_row a:hover { display: block; text-decoration: none; }
.ajax-search .tt-suggestion .result_row .result_id, 
.ajax-search .tt-suggestion .result_row .result_name, .ajax-search .tt-suggestion .result_row .result_company { display: inline; display: inline-block; vertical-align: middle; }
.ajax-search .tt-suggestion .result_row .result_id { margin-right: 5px; font-weight: bold; color: #000; }
.ajax-search .tt-suggestion .result_row .result_name { color: #555; font-weight: normal; }
.ajax-search .tt-suggestion .result_row .result_company { color: #555; font-weight: normal; }
.ajax-search .tt-suggestion .result_row .document_company { display: block; color: #555; font-weight: normal; }

.datepicker { cursor: pointer; background: #eee; color: #000; }

.panel-dates { display: block; padding: 10px; font-size: 14px; }
.panel-dates label.pull-right { margin-left: 20px; }



/*============================================================================================*/
/* CHATBOX */
/*============================================================================================*/
#chat-wrapper { position: relative; padding: 15px 25px 25px 25px; background: #EBF4FB; border: 1px solid #ACD8F0; margin: 10px; border-radius: 5px; }

#chat-wrapper #menu { text-align: right; padding: 5px 10px 20px 10px; }
#chat-wrapper #menu a { color: #DD4B39; font-weight: bold; font-size: 15px; text-decoration: none; }
#chat-wrapper #menu a:hover { color: #2B689C; }

#chat-wrapper #chatbox { text-align: left; margin: 0 auto; margin-bottom: 10px; padding: 15px; background: #fff; max-height: 100%; height: 300px; border: 1px solid #ACD8F0; overflow: auto; border-radius: 5px; }
#chat-wrapper #message { width: 98%; height: 50px; line-height: 50px; padding: 0 1%; color: #111; border: 1px solid #ACD8F0; font-size: 14px; border-radius: 5px; }
#chat-wrapper #submit { height: 44px; line-height: 44px; margin: 10px 0 0 0; padding: 0 30px; background: #2B689C; border: 0; outline: 0; font-size: 16px; color: #fff; cursor: pointer; border-radius: 5px; }
#chat-wrapper .error { color: #ff0000; }
#chat-wrapper .msgln { margin:0 0 2px 0; }


/*============================================================================================*/
/* MAGNIFIC POPUP */
/*============================================================================================*/
.mfp-bg,.mfp-wrap{position:fixed;left:0;top:0}.mfp-bg,.mfp-container,.mfp-wrap{height:100%;width:100%}.mfp-container:before,.mfp-figure:after{content:''}.my-mfp-zoom-in .zoom-anim-dialog{opacity:0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8)}.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog{-webkit-transform:scale(.8);-moz-transform:scale(.8);-ms-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);opacity:0}.my-mfp-zoom-in.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-zoom-in.mfp-ready.mfp-bg{opacity:.8}.my-mfp-zoom-in.mfp-removing.mfp-bg{opacity:0}.my-mfp-slide-bottom .zoom-anim-dialog{opacity:0;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out;-webkit-transform:translateY(-20px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-20px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-20px) perspective(600px) rotateX(10deg);-o-transform:translateY(-20px) perspective(600px) rotateX(10deg);transform:translateY(-20px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog{opacity:1;-webkit-transform:translateY(0) perspective(600px) rotateX(0);-moz-transform:translateY(0) perspective(600px) rotateX(0);-ms-transform:translateY(0) perspective(600px) rotateX(0);-o-transform:translateY(0) perspective(600px) rotateX(0);transform:translateY(0) perspective(600px) rotateX(0)}.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog{opacity:0;-webkit-transform:translateY(-10px) perspective(600px) rotateX(10deg);-moz-transform:translateY(-10px) perspective(600px) rotateX(10deg);-ms-transform:translateY(-10px) perspective(600px) rotateX(10deg);-o-transform:translateY(-10px) perspective(600px) rotateX(10deg);transform:translateY(-10px) perspective(600px) rotateX(10deg)}.my-mfp-slide-bottom.mfp-bg{opacity:0;-webkit-transition:opacity .3s ease-out;-moz-transition:opacity .3s ease-out;-o-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.my-mfp-slide-bottom.mfp-ready.mfp-bg{opacity:.8}.my-mfp-slide-bottom.mfp-removing.mfp-bg{opacity:0}.mfp-bg{z-index:1042;overflow:hidden;background:#0b0b0b;opacity:.8;filter:alpha(opacity=80)}.mfp-wrap{z-index:1043;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#ccc}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:focus,.mfp-arrow:hover{opacity:1}.mfp-arrow .mfp-a,.mfp-arrow .mfp-b,.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow .mfp-a,.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow .mfp-b,.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px}.mfp-arrow-left{left:0}.mfp-arrow-left .mfp-a,.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left .mfp-b,.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right .mfp-a,.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right .mfp-b,.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(.75);transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0}

#archive-dialog { background: #fff; padding: 20px 30px; text-align: left; width: 90%; margin: 0 auto; position: relative; box-shadow: 0px 0px 5px #000; border-radius: 5px; }
#archive-dialog > p { display: block; font-size: 15px; font-style: italic; font-weight: bold; padding: 0; margin: 0; color: #bb0000; }
#archive-dialog .archive-title { display: block; padding: 10px 0 20px 0; margin: 0; color: #3C8DBC; font-size: 22px; text-transform: uppercase; font-weight: bold; }
#archive-dialog .archive-info table { width: 100%; max-width: 100%; text-align: center; }
#archive-dialog .archive-info table th { vertical-align: middle; border: 1px solid #ccc; background: #eee; padding: 5px 10px; font-size: 17px; font-weight: bold; color: #000; text-align: center; }
#archive-dialog .archive-info table td { vertical-align: middle; border: 1px solid #ccc; background: #fff; padding: 5px 10px; font-size: 14px; font-weight: normal; color: #222; text-align: center; }
#archive-dialog .archive-info table td p { margin: 0; padding: 0; font-size: 14px; line-height: normal; }
#archive-dialog .archive-info table tr { background: #fff; }
#archive-dialog .archive-info table tr:nth-child(odd) { background: #fff; }
#archive-dialog .archive-info table tr:nth-child(even) { background: #eee; }

#files-dialog { background: #fff; padding: 20px 30px; text-align: left; width: 90%; margin: 0 auto; position: relative; box-shadow: 0px 0px 5px #000; border-radius: 5px; }
#files-dialog .empty-result { display: block; font-size: 15px; font-style: italic; font-weight: bold; padding: 0; margin: 0; color: #bb0000; text-align: center; }
#files-dialog .files-title { display: block; padding: 10px 0 20px 0; margin: 0; color: #3C8DBC; font-size: 22px; text-transform: uppercase; font-weight: bold; }
#files-dialog .files-info table { width: 100%; max-width: 100%; text-align: center; }
#files-dialog .files-info table th { vertical-align: middle; border: 1px solid #ccc; background: #eee; padding: 5px 10px; font-size: 17px; font-weight: bold; color: #000; text-align: center; }
#files-dialog .files-info table td { vertical-align: middle; border: 1px solid #ccc; background: #fff; padding: 5px 10px; font-size: 14px; font-weight: normal; color: #222; text-align: center; }
#files-dialog .files-info table td p { margin: 0; padding: 0; font-size: 14px; line-height: normal; }
#files-dialog .files-info table tr { background: #fff; }
#files-dialog .files-info table tr:nth-child(odd) { background: #fff; }
#files-dialog .files-info table tr:nth-child(even) { background: #eee; }
#files-dialog .files-info i { font-size: 24px; }

#archive-dialog .mfp-close, #files-dialog .mfp-close { top: 10px; right: 15px; margin: 0px; padding: 0px; font-size: 0px; line-height: 0px; text-indent: -9999; opacity: 1; }
#archive-dialog .mfp-close:before, #files-dialog .mfp-close:before { display: block; font-family: "Ionicons"; content: "\f406"; color: #000; font-size: 38px; font-weight: bold; border: 2px solid #000; width: 50px; height: 50px; line-height: 50px; border-radius: 5px; text-align: center; margin: 0; padding: 0; }
#archive-dialog .mfp-close:hover.mfp-close:before, #files-dialog .mfp-close:hover.mfp-close:before { border-color: #dc1d47; color: #dc1d47 !important; }

#uploadForm { margin: 0; background: #eee; padding: 20px; border-radius: 0; }
#uploadForm .btn { width: 40%; float: right; border-radius: 0; height: 40px; line-height: normal; font-size: 15px; }
#uploadForm #message { display: none; text-align: center; color: #bb0000; font-size: 13px; font-weight: bold; }


.input-file-container { display: block; position: relative; float: left; width: 40%; margin: 0; cursor: pointer; } 
.js .input-file-trigger { display: block; height: 40px; line-height: 40px; padding: 0; background: #34495E; color: #fff; font-size: 15px; transition: all .4s; cursor: pointer; text-align: center; font-weight: normal; }
.js .input-file { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 40px; opacity: 0; padding: 0; cursor: pointer; text-align: center; }
.js .input-file:hover + .input-file-trigger, .js .input-file:focus + .input-file-trigger, .js .input-file-trigger:hover, .js .input-file-trigger:focus { background: #222; }