﻿/*This stylesheet contains styles that are ONLY applied when printed*/
.ef-draft-symbol-when-printed { display: block; color: grey; position: absolute; top: 200px; left: 0px; font-size: 180px; transform: rotate(315deg); -webkit-transform: rotate(315deg); -ms-transform: rotate(315deg); opacity: .6; z-index:100;}
.ef-hide-when-printed {display:none;}
.ef-card {display:block !important;}
.k-toolbar {display:none}
.ef-hidden {display:block!important}
.ef-draft-hidden {display:block!important}

/* These styles are necessary to get Bootstrap styles applied in print viewports */
body {
    margin: auto;
	-webkit-transform: scale(1.0);
    width: 1024px;    
}

.container {
    width: 1024px;
}

*{transition:none!important}

.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,
.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,
.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-smdm-12 {
    float: left;
}

.col-sm-12,.col-md-12 { width: 100%; }
.col-sm-11,.col-md-11 { width: 91.66666667%; }
.col-sm-10,.col-md-10 { width: 83.33333333%; }
.col-sm-9,.col-md-9   { width: 75%; }
.col-sm-8,.col-md-8   { width: 66.66666667%; }
.col-sm-7,.col-md-7   { width: 58.33333333%; }
.col-sm-6,.col-md-6   { width: 50%; }
.col-sm-5,.col-md-5   { width: 41.66666667%; }
.col-sm-4,.col-md-4   { width: 33.33333333%; }
.col-sm-3,.col-md-3   { width: 25%; }
.col-sm-2,.col-md-2   { width: 16.66666667%; }
.col-sm-1,.col-md-1   { width: 8.33333333%; }

.col-sm-pull-12 { right: 100%; }
.col-sm-pull-11 { right: 91.66666667%; }
.col-sm-pull-10 { right: 83.33333333%; }
.col-sm-pull-9  { right: 75%; }
.col-sm-pull-8  { right: 66.66666667%; }
.col-sm-pull-7  { right: 58.33333333%; }
.col-sm-pull-6  { right: 50%; }
.col-sm-pull-5  { right: 41.66666667%; }
.col-sm-pull-4  { right: 33.33333333%; }
.col-sm-pull-3  { right: 25%; }
.col-sm-pull-2  { right: 16.66666667%; }
.col-sm-pull-1  { right: 8.33333333%; }
.col-sm-pull-0  { right: auto; }

.col-sm-push-12 { left: 100%; }
.col-sm-push-11 { left: 91.66666667%; }
.col-sm-push-10 { left: 83.33333333%; }
.col-sm-push-9  { left: 75%; }
.col-sm-push-8  { left: 66.66666667%; }
.col-sm-push-7  { left: 58.33333333%; }
.col-sm-push-6  { left: 50%; }
.col-sm-push-5  { left: 41.66666667%; }
.col-sm-push-4  { left: 33.33333333%; }
.col-sm-push-3  { left: 25%; }
.col-sm-push-2  { left: 16.66666667%; }
.col-sm-push-1  { left: 8.33333333%; }
.col-sm-push-0  { left: auto; }

.col-sm-offset-12 { margin-left: 100%; }
.col-sm-offset-11 { margin-left: 91.66666667%; }
.col-sm-offset-10 { margin-left: 83.33333333%; }
.col-sm-offset-9  { margin-left: 75%; }
.col-sm-offset-8  { margin-left: 66.66666667%; }
.col-sm-offset-7  { margin-left: 58.33333333%; }
.col-sm-offset-6  { margin-left: 50%; }
.col-sm-offset-5  { margin-left: 41.66666667%; }
.col-sm-offset-4  { margin-left: 33.33333333%; }
.col-sm-offset-3  { margin-left: 25%; }
.col-sm-offset-2  { margin-left: 16.66666667%; }
.col-sm-offset-1  { margin-left: 8.33333333%; }
.col-sm-offset-0  { margin-left: 0%; }

.visible-xs { display: none !important; }
.hidden-xs { display: block !important; }

table.hidden-xs { display: table; }

tr.hidden-xs { display: table-row !important; }
th.hidden-xs,td.hidden-xs { display: table-cell !important; }

.hidden-xs.hidden-print { display: none !important; }

.hidden-sm { display: none !important; }
.visible-sm { display: block !important; }

table.visible-sm { display: table; }

tr.visible-sm { display: table-row !important; }
th.visible-sm,td.visible-sm { display: table-cell !important; }
/*********************************************************************************/

.header-draft {
    position: fixed;
    top: 0;
    font-size:200px;
    color: #d3d3d3;
    opacity:0.1;
    left:18%;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 180px;
}
.middle-draft {
    position: fixed;
    top: 35%;
    font-size:200px;
    color: #d3d3d3;
    opacity:0.1;
    left:18%;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 180px;
}

.footer-draft {
    position: fixed;
    bottom: 0;
    font-size:200px;
    color: #d3d3d3;
    opacity:0.1;
    left:18%;
    font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 180px;
}
