/* Icons */
.icon{display: inline-block; width: 20px; height: 20px; background-image: url("../images/icons.png"); vertical-align: middle;}
.icon-move{background-position: 0 0;}
.icon-crop{background-position: -30px 0;}
.icon-zoom-in{background-position: -60px 0;}
.icon-zoom-out{background-position: -90px 0;}
.icon-rotate-left{background-position: -120px 0;}
.icon-rotate-right{background-position: -150px 0;}
.icon-lock{background-position: -180px 0;}
.icon-unlock{background-position: -210px 0;}
.icon-remove{background-position: -240px 0;}
.icon-refresh{background-position: -270px 0;}
.icon-upload{background-position: -300px 0;}
.icon-off{background-position: -330px 0;}
.icon-info{background-position: -360px 0;}

/* Button */
.sr-only{position: absolute;overflow: hidden;clip: rect(0,0,0,0);margin: -1px;padding: 0;width: 1px;height: 1px;border: 0;}
.sr-only-focusable:active,.sr-only-focusable:focus{position: static;overflow: visible;clip: auto;margin: 0;width: auto;height: auto;}
.btn{display: inline-block;margin-bottom: 0;padding: 6px 12px;border: 1px solid transparent;border-radius: 4px;background-image: none;vertical-align: middle;text-align: center;white-space: nowrap;font-weight: 400;font-size: 14px;line-height: 1.42857143;cursor: pointer;-ms-touch-action: manipulation;touch-action: manipulation;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.btn.focus,.btn:focus,.btn:hover{color: #333;text-decoration: none;}
.btn.active,.btn:active{outline: 0;background-image: none;-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);box-shadow: inset 0 3px 5px rgba(0,0,0,.125);}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{-webkit-box-shadow: none;box-shadow: none;opacity: .65;cursor: not-allowed;pointer-events: none;filter: alpha(opacity=65);}
.btn-default {color:#333;background-color:#fff;border-color:#ccc}
.btn-default.active,.btn-default.focus,.btn-default:active,.btn-default:focus,.btn-default:hover,.open>.dropdown-toggle.btn-default {color:#333;background-color:#e6e6e6;border-color:#adadad}
.btn-default.active,.btn-default:active,.open>.dropdown-toggle.btn-default {background-image:none}
.btn-default.disabled,.btn-default.disabled.active,.btn-default.disabled.focus,.btn-default.disabled:active,.btn-default.disabled:focus,.btn-default.disabled:hover,.btn-default[disabled],.btn-default[disabled].active,.btn-default[disabled].focus,.btn-default[disabled]:active,.btn-default[disabled]:focus,.btn-default[disabled]:hover,fieldset[disabled] .btn-default,fieldset[disabled] .btn-default.active,fieldset[disabled] .btn-default.focus,fieldset[disabled] .btn-default:active,fieldset[disabled] .btn-default:focus,fieldset[disabled] .btn-default:hover {background-color:#fff;border-color:#ccc}
.btn-default .badge {color:#fff;background-color:#333}
.btn-primary{border-color: #4f1b6a;background-color: #4f1b6a;color: #fff;}
.btn-primary.active,.btn-primary.focus,.btn-primary:active,.btn-primary:focus,.btn-primary:hover,.open>.dropdown-toggle.btn-primary{border-color: #38006c;background-color: #38006c;color: #fff;}
.btn-primary.active,.btn-primary:active,.open>.dropdown-toggle.btn-primary{background-image: none;}
.btn-warning {color:#fff;background-color:#f0ad4e;border-color:#eea236}
.btn-warning.active,.btn-warning.focus,.btn-warning:active,.btn-warning:focus,.btn-warning:hover,.open>.dropdown-toggle.btn-warning {color:#fff;background-color:#ec971f;border-color:#d58512}
.btn-warning.active,.btn-warning:active,.open>.dropdown-toggle.btn-warning {background-image:none}
.btn-warning.disabled,.btn-warning.disabled.active,.btn-warning.disabled.focus,.btn-warning.disabled:active,.btn-warning.disabled:focus,.btn-warning.disabled:hover,.btn-warning[disabled],.btn-warning[disabled].active,.btn-warning[disabled].focus,.btn-warning[disabled]:active,.btn-warning[disabled]:focus,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning,fieldset[disabled] .btn-warning.active,fieldset[disabled] .btn-warning.focus,fieldset[disabled] .btn-warning:active,fieldset[disabled] .btn-warning:focus,fieldset[disabled] .btn-warning:hover {background-color:#f0ad4e;border-color:#eea236}
.btn-danger {color:#fff;background-color:#d9534f;border-color:#d43f3a}
.btn-danger.active,.btn-danger.focus,.btn-danger:active,.btn-danger:focus,.btn-danger:hover,.open>.dropdown-toggle.btn-danger {color:#fff;background-color:#c9302c;border-color:#ac2925}
.btn-danger.active,.btn-danger:active,.open>.dropdown-toggle.btn-danger {background-image:none}
.btn-danger.disabled,.btn-danger.disabled.active,.btn-danger.disabled.focus,.btn-danger.disabled:active,.btn-danger.disabled:focus,.btn-danger.disabled:hover,.btn-danger[disabled],.btn-danger[disabled].active,.btn-danger[disabled].focus,.btn-danger[disabled]:active,.btn-danger[disabled]:focus,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger,fieldset[disabled] .btn-danger.active,fieldset[disabled] .btn-danger.focus,fieldset[disabled] .btn-danger:active,fieldset[disabled] .btn-danger:focus,fieldset[disabled] .btn-danger:hover {background-color:#d9534f;border-color:#d43f3a}
.btn-group,.btn-group-vertical{position: relative;display: inline-block;vertical-align: middle;}
.btn-group-vertical>.btn,.btn-group>.btn{position: relative;float: left;}
.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group-vertical>.btn:hover,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index: 2;}
.btn-group .btn+.btn,.btn-group .btn+.btn-group,.btn-group .btn-group+.btn,.btn-group .btn-group+.btn-group{margin-left: -1px;}
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){border-radius: 0;}
.btn-group>.btn:first-child{margin-left: 0;}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle){border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group>.btn:last-child:not(:first-child),.btn-group>.dropdown-toggle:not(:first-child){border-bottom-left-radius: 0;border-top-left-radius: 0;}
.btn-group>.btn-group{float: left;}
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{border-radius: 0;}
.btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child,.btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child{border-bottom-left-radius: 0;border-top-left-radius: 0;}
.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle{outline: 0;}
.btn-group>.btn+.dropdown-toggle{padding-right: 8px;padding-left: 8px;}
.btn-group>.btn-lg+.dropdown-toggle{padding-right: 12px;padding-left: 12px;}
body{overflow-x: hidden;}
.docs-header{border-color: #003973; background-color: #00468c; color: #fff;}
.docs-header .navbar-brand{color: #eee;}
.docs-header .navbar-toggle{border-color: #003973; background-color: #00468c;}
.docs-header .navbar-toggle:hover,
.docs-header .navbar-toggle:focus{border-color: #003366; background-color: #003973;}
.docs-header .navbar-collapse{border-color: #003973;}
.docs-header .navbar-text{color: #ddd;}
.docs-header .navbar-nav > li > a{color: #eee;}
.docs-options .dropdown-menu{width: 100%;}
.docs-options .dropdown-menu > li{padding: 3px 20px;}
.docs-options .dropdown-menu > li:hover{background-color: #f7f7f7;}
.docs-options .dropdown-menu > li > label{display: block;}
.docs-cropped .modal-body{text-align: center;}
.docs-cropped .modal-body > img,
.docs-cropped .modal-body > canvas{max-width: 100%;}
.img-container,.img-preview{background-color: #f7f7f7; overflow: hidden; width: 100%; text-align: center;}
.img-container{width:400px; height:300px; margin: auto; margin-bottom: 20px;}
.docs-preview{position: relative; width: 400px; height: 415px; margin: auto;}
.preview-lg{width: 357px; height: 300px; margin-top: 75px; margin-left: 22px;}
.frame{position: absolute; width:100%;top:0;left:0; cursor: pointer;}
.frame img{width:100%;}
@media (min-width: 768px){.img-container{min-height: 300px;}}
.img-container > img{max-width: 100%;}
.img-preview{float: left; margin-right: 10px; margin-bottom: 10px;}
.img-preview > img{max-width: 100%;}
.preview-md{width: 139px; height: 78px;}
.docs-data > .input-group{margin-bottom: 10px;}
.docs-data > .input-group > label{min-width: 80px;}
.docs-data > .input-group > span{min-width: 50px;}
.docs-buttons > .btn,
.docs-buttons > .btn-group,
.docs-buttons > .form-control{margin-right: 5px; margin-bottom: 10px;}
.docs-toggles > .btn,
.docs-toggles > .btn-group,
.docs-toggles > .dropdown{margin-bottom: 10px;}
.docs-tooltip{display: block; margin: -6px -12px; padding: 6px 8px;}
.docs-tooltip > .icon{margin: 0 -3px; vertical-align: top;}
.tooltip-inner{white-space: normal;}
.btn-upload .tooltip-inner{white-space: nowrap;}
@media (max-width: 400px){.btn-group-crop{margin-right: -15px!important;} .btn-group-crop > .btn{padding-left: 5px; padding-right: 5px;} .btn-group-crop .docs-tooltip{margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 5px;} .img-container{width:300px; height:225px;} .docs-preview{position: relative; width: 300px; height: 311px; margin: auto;} .preview-lg{width: 268px; height: 200px; margin-top: 55px; margin-left: 17px;}}

