/* Use this Css for customizing height and width of Contorls. */

/* 
    These namimg conventions are used to easily identify width or height by name.
    If any change on this is required, write new class if not present and apply it.
   
    Note: There are separate classes for the width and height in PIXELS and PERCENTAGE.
    PLEASE PUT THE WIDTHS AND HEIGHTS IN ASCENDING ORDER.
*/

/* WIDTHS IN PIXELS
--------------------------------------------------------- */
.ds-width-12 {width: 12px;}
.ds-width-15 {width: 15px;}
.ds-width-50 {width: 50px;}
.ds-width-55 {width: 55px;}
.ds-width-90 {width: 90px;}
.ds-width-100 {width: 100px;}
.ds-width-105 {width: 105px;}
.ds-width-108 {width: 108px;}
.ds-width-110 {width: 110px;}
.ds-width-125 {width: 125px;}
.ds-width-140 {width: 140px;}
.ds-width-148 {width: 148px;}
.ds-width-150 {width: 150px;}
.ds-width-180 {width: 180px;}
.ds-width-300 {width:300px;}
.ds-width-330 {width: 330px;}
.ds-width-482 {width: 482px;}
.ds-width-650 {width: 650px;}
.ds-width-680 {width: 680px;}
.ds-width-695 {width: 695px;}

/* WIDTHS IN PERCENTAGE
--------------------------------------------------------- */
.ds-width-per-2 {width:2%;}
.ds-width-per-3 {width:3%;}
.ds-width-per-12 {width:12%;}
.ds-width-per-15 {width:15%;}
.ds-width-per-19_4 {width: 19.4%;}
.ds-width-per-20 {width:20%;}
.ds-width-per-25 {width:25%;}
.ds-width-per-45 {width:45%;}
.ds-width-per-46 {width:46%;}
.ds-width-per-49 {width:49%;}
.ds-width-per-50 {width:50%;}
.ds-width-per-60 {width:60%;}
.ds-width-per-70 {width:70%;}
.ds-width-per-80 {width:80%;}
.ds-width-per-85 {width:85%;}
.ds-width-per-95 {width:95%;}
.ds-width-per-100 {width:100%;}

.ds-width-auto { width: auto;}

/* HEIGHTS IN PIXELS
--------------------------------------------------------- */
.ds-height-10 {height: 10px;}
.ds-height-15 {height: 15px;}
.ds-height-85 {height: 85px;}
.ds-height-595 {height: 595px;}
.ds-height-750 {height: 750px;}

/* HEIGHTS IN PERCENTAGE
--------------------------------------------------------- */
.ds-height-per-100 {height: 100%;}

/* Margins - Left
--------------------------------------------------------- */

.ds-margin-left-30 {margin-left: 30px;}

/* Margins - Top
--------------------------------------------------------- */
.ds-margin-top-25 {margin-top:25px;}


/* Padding - 
--------------------------------------------------------- */
.ds-padding-lr-25 {padding:0px 25px}